Scribd
Upload
17 views

Frontend Development (1)

Highly informative

Uploaded by

jsphere16
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
17 views

Frontend Development (1)

Highly informative

Uploaded by

jsphere16
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Frontend Development

Unit 1: Overview of Web Development


Overview of Web Development, Front-End vs. Back-End, Use of HTML, CSS, and JavaScript,
Web Development Tools, Frameworks and Libraries, Responsive Design, HTML File Structure,
HTML File Structure Demo, Headings and Paragraphs, Headings and Paragraphs Demo,
Introduce Chrome Inspector.
HTML Text Elements , The Strong element, The Bring Attention To element, The Emphasis
element, The Idiomatic Text element, Nesting elements, Superscript and Subscript text.

Unit 2: Overview of CSS


Overview of CSS, why ‘Cascading’ and its importance for Web Development?, Demo a sample
CSS snippet and show CSS debugging at browser, Different ways of writing CSS: Inline,
Internal, External, CSS selectors: Class, Id, CSS properties / Basic Styling: font & text, Colors,
measurement of units, styling text, adding borders, Styling list, Styling buttons, adding icons,
margin, padding…………………………………

Unit 3: important HTML elements


HTML Lists: Ordered Lists, Unordered Lists, Nesting Lists, HTML Links: Anchor elements,
Relative links, Linking to Page elements, Mailto and Telephone links, Image tag, Alt attribute
HTML Tables, HTML table overview, Table, tr and td elements, Table header, Table Caption,
Colspan and Rowspan
HTML Forms: Overview of HTML forms and inputs, Input element, Form element, Button
element, Email, url and number input element, Input label, Name attribute, Required attribute,
Textarea element, Checkbox, range(slider) input, Dropdown with select and options, Radio
button groups, Other input types.
HTML Semantic Elements: The Span element, What’s the point of a div, Introducing Semantic
markup, Exploring Semantic elements
Unit 4: Layouts in CSS and DOM manipulation
Display and position properties, Working with display values, positioning html elements through
css, handling content overflow, floating html elements, Box model and shadows, CSS Layout,
CSS Flex box and Grid Layout, Selectors and Combinators: Pseudo classes (e.g. hover, active),
Combination selecting the target (e.g :last-child, nth-child, div > p), Responsive design.

Introduction to JavaScript, Use of JavaScript in web development, Changing HTML content by


using JavaScript, Changing CSS by using JavaScript, DOM, DOM manipulation, Events in
javascript: onClick, onMouseHover, onMouseOut, etc. Local and session storage.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy