Learn Front-End Web Development from Scratch will teach you how to develop responsive front-end websites the fun and easy way. Enrolling in this course will get you over ten hours of video that is easy to follow so that you can practice all that you learn, as you progress. Learn Front-End Web Development from Scratch will teach you everything you need to know to get up and running developing front end web pages. You will begin by exploring and mastering HyperText Markup Language (HTML). HTML is often referred to as the building blocks of the internet. It offers web pages better structure. Once you have got a solid grasp on structure, you will move onto aesthetics and how you can make your sites look great. Learning to use Cascading Style Sheets (CSS) is a powerful way to achieve fantastic looking pages that are highly customisable. After you understand HTML and CSS, the next logical step is to learn a front-end framework, and the most popular and modern front-end framework is Bootstrap. It offers quick and easy methods for adding aesthetic features and functionality by using pre-written CSS and JavaScript – all you need to do is include the class in your HTML.
It is my hope that you will find this course to be an excellent introduction into the world of web development, and that you will not just learn something new, but that you will have fun as you do.
HTML5 Fundamentals
CSS3 Fundamentals
-
6HTML5 Fundamentals 1: What is HTML5?
-
7HTML5 Fundamentals 2: My First HTML Page
-
8HTML5 Fundamentals 3: Basic Document Structure
-
9HTML5 Fundamentals 4: My First HTML Page 2.0
-
10HTML5 Fundamentals 5: Headings
-
11HTML5 Fundamentals 6: Carriage Returns
-
12HTML5 Fundamentals 7: Formatting Text
-
13HTML5 Fundamentals 8: Lists
-
14Coding Exercise 1: Lists
-
15HTML5 Fundamentals 9: Links
-
16HTML5 Fundamentals 10: Images
-
17Lists,Links and Images
Feeling like an HTML guru yet? Well, let's see how you're doing. Take this quiz to test your knowledge so far.
-
18HTML5 Fundamentals 11: Tables
-
19HTML5 Fundamentals 12: Forms - Part 1
-
20HTML5 Fundamentals 13: Forms - Part 2
-
21Tables and Forms
Think you've mastered tables and forms? Let's see! This small quiz will see how much you've retained over the past three videos.
-
22HTML5 Fundamentals 14: HTML Entities
-
23HTML5 Fundamentals 15: Emojis
-
24HTML5 Fundamentals 16: Project - Part 1
-
25HTML5 Fundamentals 17: Project - Part 2
-
26HTML5 Fundamentals 18: Project - Part 3
-
27HTML5 Fundamentals 19: Bonus Material - HTML5 Audio
-
28HTML5 Fundamentals 20: Bouns Material - HTML5 Video
-
29HTML Assignment
Bootstrap Fundamentals
-
30CSS3 Fundamentals 1: CSS Introduction
-
31CSS3 Fundamentals 2: Inline CSS
-
32CSS3 Fundamentals 3: In-Document CSS
-
33CSS3 Fundamentals 4: External CSS
-
34CSS3 Fundamentals 5: Classes
-
35CSS3 Fundamentals 6: ID's
-
36CSS3 Fundamentals 7: DIV's
-
37CSS3 Fundamentals 8: Colours
-
38CSS Fundamentals 9: Height and Width
-
39CSS3 Fundamentals 10: Styling Text - Part 1
-
40CSS3 Fundamentals 11: Styling Text - Part 2
-
41CSS3 Fundamentals 12: Styling Text - Part 3
-
42CSS Fundamentals 13: Fonts Part 1
-
43CSS Fundamentals 14: Fonts Part 2
-
44Text and Colours
Now that you're styling up a storm, let's check your progress and see how you're going.
-
45CSS Fundamentals 15: The Box Model
-
46CSS Fundamentals 16: Margins
-
47CSS Fundamentals 17: Padding
-
48CSS Fundamentals 18: Borders
-
49Spacing Out
Let's have a look at you knowledge and understanding of how to manipulate to box model and add spacing.
-
50CSS Fundamentals 19: Rounded Corners
-
51CSS Fundamentals 20: Display
-
52CSS Fundamentals 21: Position
-
53CSS Fundamentals 22: Float
-
54Moving Around
Now that you know how to move elements around on the screen, let's have a look at how much you remember on this topic.
-
55CSS Fundamentals 23: Project - Part 1
-
56CSS Fundamentals 24: Project - Part 2
-
57CSS Fundamentals 25: Project - Part 3
-
58CSS Fundamentals 26: Project - Part 4
-
59CSS Fundamentals 27: Project - Part 5
-
60CSS Fundamentals 28: Project - Part 6
-
61CSS Fundamentals 29: Project - Part 7
-
62CSS Fundamentals 30: Project - Part 8
-
63CSS Fundamentals 31: Bonus Material - Opacity
-
64CSS Fundamentals 32: Bonus Material - Gradients
-
65CSS Fundamentals 33: Bonus Material - Drop Cap
-
66CSS Assignment