The Complete Front-End Web Developing Course
4.3 (168 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
12,108 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete Front-End Web Developing Course to your Wishlist.

Add to Wishlist

The Complete Front-End Web Developing Course

Learn How To Become a Front-End Web Developer From Scratch
4.3 (168 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
12,108 students enrolled
Created by Robin Haney
Last updated 9/2017
English
English [Auto-generated]
Current price: $12 Original price: $200 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 11.5 hours on-demand video
  • 7 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Understand the Basics of HTML
  • Learn how to style a website with CSS
  • Build a Website Completely from Scratch with HTML and CSS
  • Build a Website with WordPress
  • Build an E-Commerce Website Online
  • Understand and Work With The Basics of JavaScript
  • Build a Simple Website Using Bootstrap 4
  • Start Working Online As a Freelance Web Developer
View Curriculum
Requirements
  • You Should Be Able To Use a PC at a Beginners Level
  • You Will Need Access To A Stable Internet Connection
  • No Coding background is necessary
Description

This Course is a complete collection of all of my Web Development Courses on Udemy. 

If you enroll in this course you will get all my existing web developing courses at a huge discount all together in one place 

PLUS bonus and never before released content included as well.

This is the complete package for anyone who has never written a single line of code before but wants to become a freelance web developer and work from home.

After building website for 10+ years I've finally decided to switch from a freelance web developer to an online web developing instructor here at Udemy. My goal as a teacher is to show YOU how you can learn how a web developer in the easiest way possible.

I've taught over 40,000 students how to become freelance web developers. What really separates my courses from everyone else's is that make sure that what you are learning will STICK. I explain things slowly, give you practice exercises and I guarantee you will walk away from this course having a positive experience.

This course is aimed at beginner web developers but anyone who needs help learning how to build websites online will benefit. 

Here is what you will be learning in this course:

1. HTML Basics - In the first section you will learn the basics of HTML and how to build your very first website online. We will cover common HTML tags, Syntax, and basic HTML elements all web developers need to know.

2. CSS Basics - In the second section of the course you will learn the basics of CSS and how to style your very first website. You will be introduced to CSS classes and Id's as well as some basic styling properties.

3. How to Build Your First REAL website With HTML and CSS - In the third section we will expand upon what you have learned and pretend as if you are building a REAL website for a REAL client. This will be a big step but will teach you the fundamentals you will need to learn to become a highly valued freelance web developer.

You will be building a online portfolio for a hairdresser who wants to show off her work. In this section we will cover responsive web design, expand further upon HTML and CSS and by the end you will have your very first website live on the internet.

4. JavaScript Basics - JavaScript is becoming one of the most popular languages on the web today. In the fourth section you will learn the basics and fundamentals of this amazing language. You will be building many different JavaScript programs in this section of the course.

We will cover the basic syntax of JavaScript, variables, numbers, functions, conditional statements, loops, and arrays. 

5. JQuery Basics - In this section you will learn all about JQuery and how to add all kinds of user interactivity to your webpages.

6. WordPress Basics - In the fifth section of this course you will learn how to build a simple website using the most popular content management system on the web called WordPress. We will cover everything you need to know in order to make beautiful websites with WordPress effortlessly.

7. Bootstrap 4 Basics - In the sixth section we will cover the most popular front-end framework called Bootstrap. We will cover the latest version of Bootstrap 4 and show you how easy you can build high quality websites with Bootstrap 4.

8. Shopify Basics - In the seventh section we will cover Shopify and E-commerce website basics. E-commerce websites are starting to become very popular on the web. You first gig online might be to build an online store for a client so this is a section you definitely want to watch.

9. BONUS CONTENT - In the bonus section of the course you will learn all kinds of tips and tricks to help you learn how to become a online freelance web developer like myself. In this section I will show you the best places to learn web development, the best tools to use, and I will also show you how to get your very first gig online as a freelance web developer.

This bonus section of the course is regularly updated with new content that will answer common questions that you as a web developer might have.

This course has been a long time in the making. If you have any questions please do not hesitate to ask. 

I look forward to seeing you in the course!

Robin Haney

Who is the target audience?
  • Anyone who wants to learn how to build websites online
  • Anyone who wants to learn how to become a freelance web developer
  • Anyone who has never written a single line of code
  • Perfect for first time web developers and programmers
Compare to Other Web Development Courses
Curriculum For This Course
183 Lectures
11:36:54
+
Introductory
1 Lecture 00:47
+
HTML Basics
10 Lectures 27:20

In this video we will talk about what you will be learning about in this section of the course.

Preview 00:16

Before We Get Started...
00:14

In this lecture you will learn the basics of HTML. 

Preview 06:19

In this lecture we will discuss the basic structure of a webpage. You will be learning a lot more HTML tags so listen closely and let's walk through this slowly.

Preview 06:40

In this lecture we will talk about the basic ways that you can add text to a webpage. We will work a little bit more closely with the <p> tag here.

Preview 02:29

Now you get to add a nice image to your website. In this lecture you will learn how to easily add webpages to your websites.

Preview 03:31

The web is made up of a whole lot of links. In this video you will learn how to link webpages together with HTML.

Preview 03:22

In this lecture you will learn how to create simple lists in HTML.

How To Create a List
02:59

You've learned a lot and are pretty much finished with the basics of HTML. Next you will have a project to do then a final quiz to finish up this section.

Your Final Project For This Section
01:06

In this short quiz you will be tested on the basics of HTML and what you have learned so far.

HTML Basics
5 questions

Join My Web Developing FaceBook Group!
00:23
+
CSS Basics
5 Lectures 22:13

In this lecture you will be introduced to CSS and how you can start learning how to style a webpage.

Preview 04:58

In this lecture you will learn why we use external CSS style sheets as well as how to connect an HTML document to your separate CSS stylesheet.

How To Link an External Style Sheet
03:23

Classes and id's can be used to style HTML elements on a webpage. In this lecture we will go over the differences between CSS classes and CSS id's

Working With CSS Classes and ID's
08:17

It's now time to take everything that you have learned so far and apply it. In this lecture you are going to be styling your very own webpage with basic CSS properties. If you get stuck watch the next video to help you.

Your CSS Project For This Section
01:17

Here is the reference video that you can use if you get stuck with your CSS Class Project.

Solution To The CSS Class Project
04:18
+
How To Create Your Very First Website With HTML and CSS
35 Lectures 02:11:20

Create Your Very First Webpage With HTML and CSS (Text Transcript)
01:30


Working With Coding Editors
01:04

Creating a Wire frame For Our Website
01:53

The Basic Structure of a Webpage
03:33

HTML Content Containers
02:58

Creating Our Websites Navigation
04:35

Building Our Portfolio Page
02:36

Adding Images To Our Portfolio Page
02:29

Building Out Our Footer
04:42

Getting Started With CSS
06:36

External and Internal CSS
04:28

Working With ID Selectors
02:52

Centering Our Websites Wrapper
04:36

Taking a Mobile Friendly Approach To Web Development
02:54

Styling Our Website With Colour
03:52

Working With CSS Classes
03:38

Adding Comments in CSS
01:59

Adding Fonts To Our Website
08:22

Styling Our Portfolio Page
04:52

Creating a Horizontal Navigation
01:39

Fixing Up Our Footer and Navigation
04:52

Creating Our About Page
05:22

Styling Our About Page
03:44

Create a Contact Page
06:17

Creating Our Blog Page
09:02

Creating Our Portfolio Page
02:07

Adding a Grid To Our Portfolio Page
04:31

Final Adjustments To Our About Page
05:01

Final Adjustments To Our Header and Footer
02:38

Finishing Up Our Portfolio Page
01:03

Finding a Domain Name For Your Website
03:04

Finding a Webhost
01:31

Connecting Your Domain Name and Web Hosting Account
07:14
+
JavaScript Basics
44 Lectures 02:24:14


Examples of JavaScript On The Web
03:15

How To Link An External JavaScript File To An HTML Document
04:03

Working With The JavaScript Console
03:54

The JavaScript Console Challenge
01:12

JavaScript Console Challenge Solution
02:49

What is a JavaScript Variable?
04:13

How To Assign Names To Your Variables
02:21

An Introduction To Strings and Numbers
01:16

How To Capture Input From a User
02:02

Combining Strings Together
03:04

Working With Strings In Further Detail
02:28

The Variable Coding Challenge
01:34

The Variable Coding Challenge Solution
03:28

What Are Numbers
02:17

How We Do Math In JavaScript
05:54

Working With The Math Object
03:51

The Numbers Challenge
00:45

Solution To The Numbers Challenge
03:10

What Are Conditional Statements
06:09

Working With Comparison Operators
02:34

Working With Booleans
01:33

Comments In JavaScript
02:05

Combining Multiple Tests Into a Single Condition
06:45

Working With Conditional Statements Challenge
00:58

Working With Conditional Statements Challenge Solution
10:48

What are JavaScript Functions?
02:19

How To Return a Value From a Function
02:08

Giving Information To a Function
02:20

The Variable Scope
01:59

Working With Functions Challenge
00:35

Working With Functions Challenge Solution
03:01

Introductory To JavaScript Loops
06:39

Working Further With While Loops
04:55

Do While Loops
03:27

Working With For Loops
02:57

How To Break Out of a Loop
02:00

The JavaScript Loop Challenge
01:18

Solution To The JavaScript Loop Challenge
06:10

Working With JavaScript Arrays
02:45

How To Access Items In An Array
03:25

How To Add Items To An Array
02:49

How To Remove Items From an Array
02:19
+
Jquery Basics
17 Lectures 54:19


Working With JQuery Objects
03:40

Working Further With JQuery Objects
03:58

Working With Jquery Attributes
03:42

Introductory To Jquery Events
02:31

Jquery Callback Functions
01:42

Jquery on() Method
02:35

Working Further With JQuery Events Types
03:57

How To Add HTML Elements To a Webpage
04:54

How To Reveal and Show Hidden Content
03:40

How To Manipulate CSS With JQuery
05:19

How To Remove Elements From a Webpage
02:17

Introductory To The Document Object Model
01:45

Working With The Parent() Object
04:21

Working With The Next() Object
02:47

Conclusion To JQuery Section
02:13
+
WordPress Basics
34 Lectures 02:10:30


Setting up Your Domain Name and Hosting Accounts
03:19

Setting Up your Nameservers
03:47

How To Install WordPress In Less Than 5 Minutes
03:18

Introductory To The WordPress Dashboard
02:30

How To Change your Site Title and Description
01:16

How To Create Posts and Pages
03:55

How To Add Images Into Your Posts
02:42

How To Add Video Content To Your Posts
01:48

How To Correctly Format Your Posts and Pages
05:01

How To Set-up Your Websites Navigation
01:46

How To Change Your Homepage Layout
01:18

Discussion Settings
00:48

How To Disable Comments In WordPress
02:24

How To Customize a WordPress Theme
01:49

How To Add a Featured Posts Thumbnail
01:10

Genesis and Canvas Theme Frameworks
02:04

WordPress Widgets
01:52

How To Add Users To Your Website
01:11

What is a WordPress Plugin?
02:43

A List of Common WordPress Plugins
02:43

How To Install and Setup WP Super Cache
03:28

How To Duplicate a Page or Post
04:08

How To Generate a Google XML Sitemap
04:58

How To Set-up and Install a MailChimp Sign-up Form
10:21

How To Add a Forum To a WordPress Website
05:47

HelloBar WordPress Plugin Review and Tutorial
09:24

How To Install and Activate BackupWordpress
03:14

How To Update WordPress, Themes, and Plugins
03:28

How To Install Google Analytics on a WordPress Website
02:51

How To Install Askimet Spam Protection WordPress Plugin
06:58

Canvas Theme Framework Review
20:56

How To Add a Custom Menu To The Genesis WordPress Theme
03:49
+
Bootstrap 4 Basics
6 Lectures 29:54

How To Install and Set-up Bootstrap 4
05:25

Introducing The Jumbotron Component
07:34

How To Create a Sign-up Form
07:18

Adding Basic Information To Our Website
02:08

Styling and Final Touches
07:12
+
How To Create a Local WordPress Server
4 Lectures 11:14

How To Install Desktop Server on PC
04:14

How To Install a Local Domain Name on Desktop Server
02:28

How To Install WordPress on Desktop Server
02:47
+
Creating an E-commerce Store With Shopify
13 Lectures 48:19

What is Shopify?
01:46

Getting Started With Shopify
02:17

Configuring Basic Account Settings
06:44

How To Publish Posts and Pages
03:12

How To Add Products To Your Store
06:31

Picking a Theme For Your Store
02:44

How To Setup Your Websites Navigation Menus
02:57

Customizing Your Shopify Stores Theme
08:48

How To Add Discounts To Your Store
01:39

How To Buy and Connect a Domain Name
03:12

Introductory To Shopify Apps
04:22

Conclusion
01:49
1 More Section
About the Instructor
Robin Haney
4.3 Average rating
3,608 Reviews
61,979 Students
20 Courses
Professional Freelance Web Developer and Instructor

Hello,

My name is Robin Haney, I am a professional Web Developer and blogger. I have been designing and building websites for over 5+ years. I work completely from home as a freelance web developer and I love it!

I'm also a best selling author on Amazon and have written a few programming books that have done really well. If you prefer a more hands on approach to learning then my video courses on Udemy will be perfect for you.

I'm here to show you how you can do the same. I've designed and created a lot of websites and I know its hard work but don't worry I've created my courses so that even beginners can easily follow along and work with me.

I've started my own online business at a young age and after being a best selling instructor on Udemy I am very proud of my courses. If you are just starting out then I'd recommend you look over my FREE courses first and then continue to my paid courses when you are ready.

Please enroll today and I look forward to seeing you!