Ultimate Web Developer Course Build 10 Websites from Scratch

11,182 students enrolled

Ultimate Web Developer Course Build 10 Websites from Scratch

Build 10+ complete websites from scratch, supercharge your portfolio learn how to create websites

11,182 students enrolled

Created by Laurence Svekis

Last updated 11/2019

English

English [Auto-generated]

Preview this course

Ultimate Web Developer Course Build 10 Websites from Scratch

$129.99 $199.99 35% off

12 hours left at this price!

30-Day Money-Back Guarantee

31.5 hours on-demand video
113 articles
8 downloadable resources
1 coding exercise
Full lifetime access
Access on mobile and TV

Certificate of Completion

Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business

What you'll learn

create several different types of websites
understand what HTML CSS and JavaScript can do
Be able to make webpages dynamic
Create modern websites from scratch
make interactive web content
design and develop a website

+ – Learn how to Build Websites

7 lectures 38:09

Introduction to Course

Preview 07:31

How to use this course

Preview 07:49

Course resources

Preview 06:20

Course Resources Online

07:26

Getting a website

02:52

what is HTML CSS and JavaScript

05:59

Resource List

00:12

+ – HTML Foundations for building websites

17 lectures 01:38:22

Introduction to learning HTML

Preview 02:21

Basics of HTML

07:03

How to create a basic HTML template

11:38

Basic HTML template source code

00:09

Headings Paragraphs and Line Breaks Content Structuring

07:32

Adding images into HTML

05:10

Ordered Lists Unordered Lists

03:51

Hyperlinks Relative paths vs Absolute Paths

08:07

Divs and Spans Tel and Mailto

09:00

HTML5 Semantic Elements

05:14

Transfer build content to editor

02:32

Basic HTML page structure sample

01:18

Create a basic HTML template

1 question

Test HTML Skills

HTML Quiz

5 questions

How to create HTML forms

08:24

HTML5 Input types

13:02

Additional Form Elements

04:55

Form Resources

03:05

HTML conclusion

05:01

+ – CSS Foundations for building websites

18 lectures 01:37:25

Introduction to CSS

Preview 02:33

CSS selecting elements from HTML

08:47

Working with CSS colors

05:25

CSS Background options

07:06

Adding Fonts

03:02

Pseudo classes and design patterns

04:47

Using the Float property

05:55

Box Model Margins

09:38

Box Model Padding shorthand

04:20

CSS to create a navbar

09:03

Display properties CSS

03:14

CSS overflow handling

02:39

CSS positioning elements

03:40

CSS tweaks and updates

08:25

Media Queries making your website Responsive

11:05

HTML CSS summary

02:57

Source Code HTML and CSS

02:40

CSS Conclusion

02:09

+ – Quick JavaScript for building websites

34 lectures 02:51:21

Introduction to JavaScript Overview

Preview 02:11

What is JavaScript

02:22

How to add JavaScript in web pages

05:17

Basics of JavaScript Dev Tools How to Comment and more

10:55

Introduction to Variables within JavaScript

11:05

Understanding Variables

10:50

Variables Source Code

00:10

Arrays and Objects

08:03

Working with Arrays and Objects

09:25

Using and updating array values

10:53

Array and Object Source Code

00:08

Introduction to Functions

07:59

Local Global Variables in functions

03:36

Source code Functions

00:06

Ternary Comparison

09:03

Conditional Statements

05:54

Switch Statements

04:55

Source Code Statements conditions

00:19

Introduction to looping

04:59

JavaScript For Loops

06:43

Source Code Loops

00:10

Introduction to the Document Object Model

06:13

Accessing Page Elements from JavaSCript

04:29

Selecting Elements via JavaScript

08:44

Source Code Selecting

00:06

Updating CSS with JavaScript

07:27

Source Code CSS

00:02

JavaScript Events

05:06

Event Listeners selecting elements

09:34

Source Code Listeners

00:28

addEventListener More events trigger options

07:00

Source Code addEventListener

00:27

What can you do with JavaScript

03:57

JavaScript Overview Conclusion

02:42

+ – Quick jQuery for building websites

36 lectures 02:38:23

Introduction to using jQuery

Preview 02:21

What is jQuery and why do we use it

05:12

Getting Started with jQuery

06:17

jQuery Selectors

06:08

Each value from mulitple selector elements

04:06

Updating elements via jQuery

07:11

Source Code Selectors HTML

00:12

CSS selectors and jQuery selectors

02:15

Introduction to event binding

02:33

Event Listeners jQuery Mouse Events

06:39

Event source code

00:03

Keyboard event triggers

06:08

Source Code keyboard events

00:04

Resize and Scroll event listeners on window object

07:06

Source Code Windows Object

02:40

Finding input values from form jQuery

06:23

jQuery Traversing elements

07:34

Select elements from HTML content

05:21

Source Code Selection

00:03

jQuery working with CSS

07:29

Source Code CSS

00:02

Hide and Show page sections

09:10

jQuery effects Fading

04:03

jQuery Effects Source Code

00:02

JQuery Sliding Effects

04:33

jQuery Animate

10:35

Source Code

02:56

jQuery AJAX made easy JSON and more

05:32

Loading data into HTML via jQuery

06:44

jQuery AJAX get getJSON

09:21

AJAX with jQuery

09:51

Source Code

00:11

jQuery conclusion

02:16

Resources jQuery

00:01

using map and each within jQuery

07:10

Source Code map and each

00:07

+ – What is Bootstrap

43 lectures 02:15:54

Introduction to using Bootstrap

Preview 02:29

Get Bootstrap Setup Template

07:56

Basic Bootstrap Template

00:10

Bootstrap Layout Containers

04:56

Source Code Containers

00:12

Introduction to the Grid

11:57

Source Code

00:24

Do more with the Grid

11:25

Grid Source

00:19

Jumbotron Bootstrap 4

02:48

Source Jumbotron

00:04

Margins and Padding Bootstrap

02:30

Resources Margins and Padding Bootstrap

00:48

Bootstrap 4 Color Utilities

02:48

Source Code Colors

00:28

Bootstrap 4 Utilities

07:51

Utilities Source

00:17

Bootstrap 4 Tables

06:38

Source Code Tables

00:22

Bootstrap Images Responsive

03:40

Source Code Images

00:15

Bootstrap Buttons

03:03

Buttons Source Bootstrap

00:39

Bootstrap 4 Forms

09:25

Button Grouping Radio and Checkboxes

05:33

Forms Source

00:51

Bootstrap 4 Alerts

02:34

Bootstrap 4 Badges

01:40

Bootstrap Progress bar

02:59

Source Code

00:28

Bootstrap 4 Cards

06:27

Cards Source Code

00:19

Bootstrap List Group

03:09

Source Code List Groups

00:03

NavBar Responsive Bootstrap

09:13

Nav List Bootstrap 4

02:13

Source Code NavBar

00:25

Bootstrap 4 Carousel

08:22

Carousel Source Code

00:25

Bootstrap 4 Modal

07:47

Source Code Modal

00:58

Bootstrap Resources

00:10

Bootstrap 4 Beta Updates

00:47

+ – Create a quick simple website using HTML and CSS

15 lectures 01:07:50

Website 1 Introduction

Preview 02:05

HTML and WireFrame

05:25

Build HTML structure

05:46

HTML structure Source Code

00:12

Add Placeholder content

04:21

Add Styling to HTML Structure

06:20

How to turn Unorderd List into a Navbar

09:00

Source Code Navbar

00:16

Media Screen Sizes make it responsive

05:40

Responsive Columns

09:54

Clear Floating move around sections

07:20

Google Fonts and Customizing

06:54

Source Code HTML

01:44

Course Code CSS

00:38

Website 1 Conclusion

02:14

+ – Build a single Page responsive website

22 lectures 02:04:19

Introduction Website 2

Preview 02:40

Create a wireframe of website

02:23

Build HTML page structure in prep for Styling

08:21

Build Navigation Menu and Page Content

09:54

Build HTML tags Nesting of Semantic Elements

08:48

Adding Styling to your webpage

09:55

Linking to Libraries Google Fonts and more

07:20

Sticky Headers Section Styling

08:36

Build a navigation bar with CSS

06:36

Add background images

07:30

Section text rgba

02:37

CSS media for responsive web design

06:22

Update menu to be Responsive on resize

05:40

Introduction to JavaScript and jQuery

06:52

Add Click events create interactions for users

05:07

use jQuery to get pixel position of HTML elements

06:56

Scroll webpage dynamically

03:45

Hide menu when clicked on small screen

05:11

Final Fix of issues completed website

05:20

Source Code Single page website HTML

01:31

Source Code Single Page website CSS

00:41

Conclusion website 2

02:13

+ – Responsive Website Template

25 lectures 01:52:21

Website 4 Introduction Responsive Navbars

Preview 03:10

Website Wireframe plan

05:57

Build HTML Structure Layout

08:40

HTML Structure Source Code

00:37

Floating Elements

11:36

Update header elements

04:56

Build nav menu CSS

07:20

CSS positioning and nav menu source code

00:19

Margins Padding Logo area update

07:19

Source Code

00:38

Source Code CSS

00:25

update styling nav menu updates

10:08

Main wrapper update set selected item in menu

07:02

Use jQuery to get URL page value

09:00

jQuery Dynamic Classes

05:18

Source Code

00:03

Add web fonts Google Fonts to website

02:21

select page styling

10:12

Images products resize

08:31

Section Summary

03:58

Source Code HTML

01:46

Source Code CSS

00:49

Source Code JS

00:03

Resources

00:03

Website 4 Conclusion

02:08

+ – Two Column Responsive Website Template

20 lectures 01:42:52

Website 5 Columns Introduction

Preview 02:01

Website Planning Design Sketch

05:33

Building HTML structure

08:33

HTML adding placeholder content

09:49

Source Code HTML

01:12

Create Stlying for webpage

09:38

CSS Course

00:05

Header positioning with CSS

08:54

Create a Navigation Menu Bar

09:51

Quick Fixes image and nav

04:19

making a 2 column website

06:31

Quick Tweaks of CSS

04:53

3 Column Fat Footer Styling

06:04

Source Code HTML and CSS

02:02

Making your website Fully Responsive

11:10

Updating media sizes

06:14

Create additional web pages

02:16

HTML index.html page source code

01:15

CSS style.css source code

00:58

Website 5 Conclusion

01:33

11 more sections

Requirements

computer access
desire to learn

Description

Do you want to become a professional web developer and are looking for a starting place? Then this course is for you!

Build your portfolio become a professional web developer.

With over 30 hours of HD quality video training, showing you everything you need to know to jump into web development and build a successful base for building your own websites from scratch.

One of the best ways to learn is seeing examples of code being implemented and used in REAL web projects. Applied learning, in this course we not only cover the core foundation languages of front-end web development we show you how to use them with plenty of examples. See how they work in different projects.

One of the biggest hurdles when getting involved with web development is finding a starting point. Explore how everything HTML CSS JavaScript can work together to build Dynamic and interactive modern websites that are ready for the real world. If you are unfamiliar with any of the languages used to create the websites within the course, we have you covered. Learn HTML, CSS, JavaScript, and jQuery pick and choose what you want to learn, its all available for you anytime. Need help in one area more than others, not to worry you will have access to multiple examples of the source code being put to use in a real project.

Everything you need in One place! One Massive course! Watch it all or watch what you need to learn at the time.

Benefits of this course -

✔ Super Charge your portfolio - Build 10 different real world websites from scratch. Having a portfolio to demonstrate websites you can build as well as being able to use them as templates that can be easily customised to suit any web design need. Not every website is created the same way, so in the course we provide you 10 examples of modern websites. Single page websites, bootstrap websites, parallax websites, and more. This sites are unique and custom built within the course.

✔ Prerequisites don't worry we have you covered and ready to you to learn the skills you need - We've included full sections explaining HTML, CSS, JavaScript and jQuery that you can use a reference for more information about coding that is used to build websites. No filler content, straight to the point, commonly used syntax for building modern websites.

✔ Useful bonus code snippets - The stuff you need to make your website come to life. Learn how to build a web contact form, fully functional being able to send emails from your website. Mouse events and more to make your website dynamic and interactive. Regular updates and more content updates.

✔ Resources your need - Learn how to think like a web developer and web designer. How to start creating websites, how to plan out your web design and more. Explore top resources and links to use to improve what you can do making websites. Source code from during the project, and source code of completed project is included. This means with this course you get 10 custom templates to use within your projects.

✔ Professional web development - Have access to the resources you need, Create your portfolio as you learn web development. At the end of the course you will be ready to make websites from scratch. Parachute in and get started in the business. Learn from a experienced web developer see how its done! We show you the types of websites that you can build quickly and are in demand.

No stone left un-turned this course is full of high quality content ready for you to use as needed. Whatever your skill level we guarantee that you will find value within this course. Have it all at the ready when you need it.

Taught by a professional instructor with over 18 years of industry experience! Step by step training that you won't find anywhere else. We guide you through learning how to create websites from scratch. By the end of the course you will feel comfortable and be ready to start creating your own websites. Jump in, you will be amazed at what YOU can do. Making your dreams come to life online, with modern websites.

I'm here to help you learn about web design and web development, and ready to answer any questions you may have. When you are ready, join now and start creating your own websites today.

Who this course is for:

web designers and web developers
entrepreneurs
anyone who wants to explore modern website building
anyone who wants to build a portfolio of websites

Featured review

Joseph Dispenza ( 1253 courses, 78 reviews )

a year ago

The course is very comprehensive. The instructor is knowledgeable and speaks very clearly. The use of codepen to test and apply what is learned is helpful in retaining the information. I am building my own website as I follow along using things I learn that fits into my design. Well worth the investment of time and money.