HTML, CSS, JavaScript, React - Online Certification Course
- Descrição
- Currículo
- FAQ
- Revisões
This course is designed to teach students the fundamental concepts and skills needed to build modern, responsive web pages. The course covers key topics including the basic structure of a web page, building mobile responsive web apps, working with HTML, CSS, and JavaScript syntax, and building various web components using these languages.
First, students learn the structure of a web page and how to create mobile responsive sites that adapt to different screen sizes and devices. This will include an introduction to HTML, which is the markup language used to create basic web page structure. Students will learn various HTML elements and how to use them to create headings, paragraphs, lists, images, and other static content.
Next, students explore CSS, the language used for styling and layout customization. CSS works in conjunction with HTML to create visually appealing site designs that stand out. Here, students learn to effectively use CSS selectors, properties, and values. This will include an introduction to responsive web design and using CSS media queries to create web pages that adapt to different screen sizes.
In addition to learning the basics of HTML and CSS, students will also learn JavaScript, the programming language used to add interactivity and dynamic functionality to web pages. Students will learn the Document Object Model (DOM) and how to use JavaScript to dynamically manipulate page elements. We also explore JavaScript events, loops, arrays, and other programming concepts.
The course will also cover more advanced topics such as building navigation components using HTML, creating forms using the post vs. get method, and working with DIVs, and IDs. We also cover styling images, backgrounds, borders, and text on top of images in CSS. Students will learn the different CSS positioning options (static, relative, absolute, fixed, float) and how to use them to create complex web page layouts.
In the JavaScript section of the course, students learn the Document Object Model (DOM) and how to use JavaScript to manipulate the elements of a web page. Here we explore, events, loops, arrays, and other programming concepts such as operator precedence, objects, and functions.
Once students have a handle on the foundational three languages, we dive into React JS – a powerful JavaScript library used for building stylish, dynamic web applications and UI components. Through a series of hands-on projects, students will build a fully functional connect-4 game, a calculator, and an e-commerce site complete with categories, checkout features, and more.
This course is designed for students with little or no previous experience in web development, but it can also be beneficial for students who have some experience and are looking to improve their skills. With the knowledge and skills gained in this course, students will be prepared to take on more advanced web development projects and to continue learning about new web development technologies.
-
1Introduction to HTMLVídeo Aula
-
2Basic Structure of a Web PageVídeo Aula
-
3HTML Head TagsVídeo Aula
-
4HTML Body TagVídeo Aula
-
5HTML Paragraph SpacingVídeo Aula
-
6HTML Line BreaksVídeo Aula
-
7HTML Non-Breaking SpaceVídeo Aula
-
8HTML Header TagsVídeo Aula
-
9HTML Text Formatting and DecorationVídeo Aula
-
10HTML Inline Text FormattingVídeo Aula
-
11HTML Unordered ListsVídeo Aula
-
12HTML Ordered ListsVídeo Aula
-
13HTML Image InsertionVídeo Aula
-
14HTML Embedding VideosVídeo Aula
-
15HTML Absolute vs. Relative File ReferencingVídeo Aula
-
16HTML Link CreationVídeo Aula
-
17HTML Anchor TagsVídeo Aula
-
18HTML TablesVídeo Aula
-
19HTML Nested TablesVídeo Aula
-
20HTML Merging CellsVídeo Aula
-
21HTML Text WrappingVídeo Aula
-
22HTML Table Background ImageVídeo Aula
-
23HTML Table Cell AlignmentVídeo Aula
-
24HTML - Introduction to FormsVídeo Aula
-
25HTML Form Tags and AttributesVídeo Aula
-
26HTML Forms - Post vs. GetVídeo Aula
-
27HTML Forms - Input Text FieldsVídeo Aula
-
28HTML Forms - Select MenusVídeo Aula
-
29HTML Forms - Check Boxes and Radio ButtonsVídeo Aula
-
30HTML Forms - Text Areas and ButtonsVídeo Aula
-
31HTML IframesVídeo Aula
-
32HTML Project - IntroductionVídeo Aula
-
33HTML Project - HeaderVídeo Aula
-
34HTML Project - CalloutVídeo Aula
-
35HTML Project - Image InsertionVídeo Aula
-
36HTML Project - Text InsertionVídeo Aula
-
37HTML Project - Links and FormVídeo Aula
-
38HTML Project - Tabular DataVídeo Aula
-
39HTML Project - FooterVídeo Aula
-
40Introduction to CSSVídeo Aula
-
41Parts of a CSS RuleVídeo Aula
-
42Types of CSS RulesVídeo Aula
-
43CSS - Color Names and CodesVídeo Aula
-
44CSS Classes and SpansVídeo Aula
-
45CSS Divisions - DIVsVídeo Aula
-
46CSS IDsVídeo Aula
-
47CSS MarginsVídeo Aula
-
48CSS PaddingVídeo Aula
-
49CSS Text PropertiesVídeo Aula
-
50CSS Font PropertiesVídeo Aula
-
51CSS BordersVídeo Aula
-
52CSS BackgroundsVídeo Aula
-
53CSS TransparencyVídeo Aula
-
54CSS Text on Top of ImagesVídeo Aula
-
55CSS Width and Height PropertiesVídeo Aula
-
56CSS Display PropertiesVídeo Aula
-
57CSS Static PositioningVídeo Aula
-
58CSS Relative PositioningVídeo Aula
-
59CSS Absolute PositioningVídeo Aula
-
60CSS Fixed PositioningVídeo Aula
-
61CSS Float PropertyVídeo Aula
-
62CSS Clear PropertyVídeo Aula
-
63CSS Z-IndexVídeo Aula
-
64CSS Styling LinksVídeo Aula
-
65CSS TablesVídeo Aula
-
66CSS Project - IntroductionVídeo Aula
-
67CSS Project - CSS RulesVídeo Aula
-
68CSS Project - Navigation RulesVídeo Aula
-
69CSS Project - Responsive CSSVídeo Aula
-
70CSS Project - Page ElementsVídeo Aula
