HTML, CSS, JavaScript, React - Online Certification Course
- Description
- Curriculum
- FAQ
- Reviews
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 HTMLVideo lesson
-
2Basic Structure of a Web PageVideo lesson
-
3HTML Head TagsVideo lesson
-
4HTML Body TagVideo lesson
-
5HTML Paragraph SpacingVideo lesson
-
6HTML Line BreaksVideo lesson
-
7HTML Non-Breaking SpaceVideo lesson
-
8HTML Header TagsVideo lesson
-
9HTML Text Formatting and DecorationVideo lesson
-
10HTML Inline Text FormattingVideo lesson
-
11HTML Unordered ListsVideo lesson
-
12HTML Ordered ListsVideo lesson
-
13HTML Image InsertionVideo lesson
-
14HTML Embedding VideosVideo lesson
-
15HTML Absolute vs. Relative File ReferencingVideo lesson
-
16HTML Link CreationVideo lesson
-
17HTML Anchor TagsVideo lesson
-
18HTML TablesVideo lesson
-
19HTML Nested TablesVideo lesson
-
20HTML Merging CellsVideo lesson
-
21HTML Text WrappingVideo lesson
-
22HTML Table Background ImageVideo lesson
-
23HTML Table Cell AlignmentVideo lesson
-
24HTML - Introduction to FormsVideo lesson
-
25HTML Form Tags and AttributesVideo lesson
-
26HTML Forms - Post vs. GetVideo lesson
-
27HTML Forms - Input Text FieldsVideo lesson
-
28HTML Forms - Select MenusVideo lesson
-
29HTML Forms - Check Boxes and Radio ButtonsVideo lesson
-
30HTML Forms - Text Areas and ButtonsVideo lesson
-
31HTML IframesVideo lesson
-
32HTML Project - IntroductionVideo lesson
-
33HTML Project - HeaderVideo lesson
-
34HTML Project - CalloutVideo lesson
-
35HTML Project - Image InsertionVideo lesson
-
36HTML Project - Text InsertionVideo lesson
-
37HTML Project - Links and FormVideo lesson
-
38HTML Project - Tabular DataVideo lesson
-
39HTML Project - FooterVideo lesson
-
40Introduction to CSSVideo lesson
-
41Parts of a CSS RuleVideo lesson
-
42Types of CSS RulesVideo lesson
-
43CSS - Color Names and CodesVideo lesson
-
44CSS Classes and SpansVideo lesson
-
45CSS Divisions - DIVsVideo lesson
-
46CSS IDsVideo lesson
-
47CSS MarginsVideo lesson
-
48CSS PaddingVideo lesson
-
49CSS Text PropertiesVideo lesson
-
50CSS Font PropertiesVideo lesson
-
51CSS BordersVideo lesson
-
52CSS BackgroundsVideo lesson
-
53CSS TransparencyVideo lesson
-
54CSS Text on Top of ImagesVideo lesson
-
55CSS Width and Height PropertiesVideo lesson
-
56CSS Display PropertiesVideo lesson
-
57CSS Static PositioningVideo lesson
-
58CSS Relative PositioningVideo lesson
-
59CSS Absolute PositioningVideo lesson
-
60CSS Fixed PositioningVideo lesson
-
61CSS Float PropertyVideo lesson
-
62CSS Clear PropertyVideo lesson
-
63CSS Z-IndexVideo lesson
-
64CSS Styling LinksVideo lesson
-
65CSS TablesVideo lesson
-
66CSS Project - IntroductionVideo lesson
-
67CSS Project - CSS RulesVideo lesson
-
68CSS Project - Navigation RulesVideo lesson
-
69CSS Project - Responsive CSSVideo lesson
-
70CSS Project - Page ElementsVideo lesson
