Learn How To Become a Front-End Web Developer From Scratch

HTML Basics

1. HTML Basics
2. What is HTML
3. The Basic Structure of a WebPage
4. How To Add Text To a WebPage
5. How To Add a Image To Your Website
6. How To Link Web Pages Together
7. How To Create a List
8. Your Final Project For This Section

CSS Basics

1. What is CSS?
2. How To Link an External Style Sheet
3. Working With CSS Classes and ID's
4. Your CSS Project For This Section
5. Solution To The CSS Class Project

How To Create Your Very First Website With HTML and CSS

1. Create a Basic Webpage With HTML and CSS
2. Working With Coding Editors
3. Creating a Wire frame For Our Website
4. The Basic Structure of a Webpage
5. HTML Content Containers
6. Creating Our Websites Navigation
7. Building Our Portfolio Page
8. Adding Images To Our Portfolio Page
9. Building Out Our Footer
10. Getting Started With CSS
11. External and Internal CSS
12. Working With ID Selectors
13. Centering Our Websites Wrapper
14. Taking a Mobile Friendly Approach To Web Development
15. Styling Our Website With Colour
16. Working With CSS Classes
17. Adding Comments in CSS
18. Adding Fonts To Our Website
19. Styling Our Portfolio Page
20. Creating a Horizontal Navigation
21. Fixing Up Our Footer and Navigation
22. Creating Our About Page
23. Styling Our About Page
24. Create a Contact Page
25. Creating Our Blog Page
26. Creating Our Portfolio Page
27. Adding a Grid To Our Portfolio Page
28. Final Adjustments To Our About Page
29. Final Adjustments To Our Header and Footer
30. Finishing Up Our Portfolio Page
31. Finding a Domain Name For Your Website
32. Finding a Webhost
33. Connecting Your Domain Name and Web Hosting Account

JavaScript Basics

1. Introductory
2. Creating Your Very First JavaScript Program
3. Examples of JavaScript On The Web
4. How To Link An External JavaScript File To An HTML Document
5. Working With The JavaScript Console
6. The JavaScript Console Challenge
7. JavaScript Console Challenge Solution
8. What is a JavaScript Variable?
9. How To Assign Names To Your Variables
10. An Introduction To Strings and Numbers
11. How To Capture Input From a User
12. Combining Strings Together
13. Working With Strings In Further Detail
14. The Variable Coding Challenge
15. The Variable Coding Challenge Solution
16. What Are Numbers
17. How We Do Math In JavaScript
18. Working With The Math Object
19. The Numbers Challenge
20. Solution To The Numbers Challenge
21. What Are Conditional Statements
22. Working With Comparison Operators
23. Working With Booleans
24. Comments In JavaScript
25. Combining Multiple Tests Into a Single Condition
26. Working With Conditional Statements Challenge
27. Working With Conditional Statements Challenge Solution
28. What are JavaScript Functions?
29. How To Return a Value From a Function
30. Giving Information To a Function
31. The Variable Scope
32. Working With Functions Challenge
33. Working With Functions Challenge Solution
34. Introductory To JavaScript Loops
35. Working Further With While Loops
36. Do While Loops
37. Working With For Loops
38. How To Break Out of a Loop
39. The JavaScript Loop Challenge
40. Solution To The JavaScript Loop Challenge
41. Working With JavaScript Arrays
42. How To Access Items In An Array
43. How To Add Items To An Array
44. How To Remove Items From an Array

WordPress Basics

1. What is WordPress
2. Self-Hosted or WordPress.com
3. Setting up Your Domain Name and Hosting Accounts
4. Setting Up your Nameservers
5. How To Install WordPress In Less Than 5 Minutes
6. Introductory To The WordPress Dashboard
7. How To Change your Site Title and Description
8. How To Create Posts and Pages
9. How To Add Images Into Your Posts
10. How To Add Video Content To Your Posts
11. How To Correctly Format Your Posts and Pages
12. How To Set-up Your Websites Navigation
13. How To Change Your Homepage Layout
14. Discussion Settings
15. How To Disable Comments In WordPress
16. How To Customize a WordPress Theme
17. How To Add a Featured Posts Thumbnail
18. Genesis and Canvas Theme Frameworks
19. WordPress Widgets
20. How To Add Users To Your Website
21. What is a WordPress Plugin?
22. A List of Common WordPress Plugins
23. How To Install and Setup WP Super Cache
24. How To Duplicate a Page or Post
25. How To Generate a Google XML Sitemap
26. How To Set-up and Install a MailChimp Sign-up Form
27. How To Add a Forum To a WordPress Website
28. HelloBar WordPress Plugin Review and Tutorial
29. How To Install and Activate BackupWordpress
30. How To Update WordPress, Themes, and Plugins
31. How To Install Google Analytics on a WordPress Website
32. How To Install Askimet Spam Protection WordPress Plugin
33. Canvas Theme Framework Review
34. How To Add a Custom Menu To The Genesis WordPress Theme

Bootstrap 4 Basics

1. Let's Create a Simple Landing Page With Bootstrap 4
2. How To Install and Set-up Bootstrap 4
3. Introducing The Jumbotron Component
4. How To Create a Sign-up Form
5. Adding Basic Information To Our Website
6. Styling and Final Touches

Creating an E-commerce Store With Shopify

1. What This Section Will Be Covering
2. What is Shopify?
3. Getting Started With Shopify
4. Configuring Basic Account Settings
5. How To Publish Posts and Pages
6. How To Add Products To Your Store
7. Picking a Theme For Your Store
8. How To Setup Your Websites Navigation Menus
9. Customizing Your Shopify Stores Theme
10. How To Add Discounts To Your Store
11. How To Buy and Connect a Domain Name
12. Introductory To Shopify Apps
13. Conclusion