- Description
- Curriculum
- FAQ
- Reviews
This is a beginner friendly course. This course will tech you the Foundations of Web Development. This a more practical orientate Course. Aldo we will start up slow with some basic definitions, the main focus here is to have as much as possible hands on experience. Learning by doing is the key word. That means Examples, Assignments and Exercises!
At this point I would like to invite you to join me on this journey and enrich yourself with the foundations of web development. In this Course You will learn Modern HTML 5, CSS 3, and JavaScript, and through applying them you will be able to building from Easy to progressively more complex responsive Responsive Web Pages.
Throughout the course we cover tons of tools and technologies including:
HTML5
CSS3
CSS FelxBox
CSS Grid Layout
Projects
SASS
JavaScript
DOM Manipulation
JSON
Projects , Projects and more Projects 🙂
Two Important Notes about this Course:
1. This is a hands-on Learning by doing Course. This means that we are going to start up Slowly with basic definitions in HTML and CSS and then we will combine them together by building the structure and applying design to our sites. After that we will apply JS in order to make the Site do Thinks.
2. Is that I will be constantly Updating the Content with New Documentation, Examples and Exercises in order to bring you as much value as possible. So you can always lean beck on this Course if you want to refresh your memory about something.
Bonus!
3. The most important thing the you need to know in life is where to find the information you need!
-
2HTML 5 - Introduction
-
3HTML 5 - Explained
In this video I explain what HTML is and what it dose.
-
4Test Your Mind
What dos HTML stand for?
-
5HTML 5 - Boilerplate
In dis lecture we will learn about the HTML 5 Boilerplate.
-
6HTML 5 - Elements
In dis lecture we will learn about the HTML Elements/Tag.
-
7HTML 5 - Headings
In dis lecture we will learn about the Heading Tag.
-
8Test Your Mind
-
9HTML 5 - Paragraph
In dis lecture we will learn about the Paragraph Tag.
-
10Test Your Mind
This is a Quiz
-
11HTML 5 - Anchor
In dis lecture we will learn about the Anchor Tag.
-
12HTML 5 - Lists
In dis lecture we will learn about Lists.
-
14HTML5-CSS3 - Intro
-
15HTML5-CSS3 - Code Editor
-
16HTML5-CSS3 - Attributes
-
17HTML5-CSS3 - Table
-
18HTML5-CSS3 - Divs and Spans
-
19HTML5-CSS3 - Forms
-
20HTML5-CSS3 - Input
-
21HTML5-CSS3 - Labels
-
22HTML5-CSS3 - Simple Form Validations
-
23HTML5-CSS3 - Dropdown and Radio Buttons
-
24HTML5-CSS3 - Form Example and Recap
-
25Test Your Might - HTML5-CSS3 - Form Exercise
-
26HTML5-CSS3 - Form Solution
In this lecture we will create the to Forms from the privies Assignment.
-
27Test Your Might - HTML5-CSS3-List And Text Assignment
-
28HTML5-CSS3-List And Text Solution
-
29HTML5-CSS3-List And Text Page Extension
-
30HTML5-CSS3-Linking CSS to HTML
-
31HTML5-CSS3-Selectors
-
32HTML5-CSS3-Text Formatting
-
33HTML5-CSS3-Colors
-
34HTML5 CSS3 Color Gradient
-
35Create a simple webpage using HTML
-
36HTML5-CSS3-The Box Model
-
37HTML5-CSS3-Box Model-Border Radius
-
38Border Radius Tricks and Tips
-
39HTML5-CSS3-Box Model-Box-Shadow
-
40Box Shadow Tricks and Tips
Hi all, this are just a few useful tips and tricks for using Box shadow, enjoy! :)
-
41HTML5 & CSS 3 - Advanced Selectors And !Important
-
42HTML5 & CSS 3 - AS-Pseudo - Classes:Root
-
43HTML5-CSS3-AdcancedSelector-Hover
-
44HTML5-CSS3-AdcancedSelector-Focus
-
45HTML5-CSS3-AdcancedSelector-Enabled-Disabled
-
46HTML5-CSS3-AdcancedSelector-Checked
-
47HTML5-CSS3-AdcancedSelector-Child
-
48HTML5CSS 3-AS-Pseudo-Elements
-
50Advance CSS3-FlexBox-Introduction
-
51Advance CSS3-FlexBox-Displaying Flex & Flex Direction
-
52Advance CSS3-FlexBox-Flex-Wrap
-
53Advance CSS3-FlexBox-Justify-Content
-
54Advance CSS3-FlexBox-Align-Items and Content
-
55Project-FlexBox-Landing Page-Introduction
-
56Project-FlexBox-LP-Laying Plans
-
57Project-FlexBox-LP-Navigation
-
58Project-FlexBox-LP-Header
-
59Project-FlexBox-LP-Portfolio
-
60Project-FlexBox-LP-About
-
61Project-FlexBox-LP-Contact
-
62Project-FlexBox-LP-Footer And Adjustments
-
63Project FlexBox-LP Resources
Here is the complete HTML and CSS for the Project Flex Box Landing Page
-
64Introduction to the section
-
65Grid Components
-
66Grid Template Columns and Rows
-
67Grid Template Areas
-
68Grid Template
-
69Grid Gaps
-
70Grid-Justify-Items
-
71Grid-Align-Items
-
72Grid-Justify-Content
-
73Grid-Auto
-
74Grid layout Landing Page-Introduction
-
75Grid-LP-Laying Plans
-
76Grid-LP-Boiler Plate
-
77Grid-LP-Menu
-
78Grid-LP-Header
-
79Grid-LP-Services
-
80Grid-LP-Portfolio
-
81Grid-LP-About
-
82Grid-LP-Contact
-
83Grid-LP-Footer