Ultimate Web Developer Course Build 10 Websites from Scratch
3.9 (315 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,670 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
3.9 (315 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,670 students enrolled
Created by Laurence Svekis
Last updated 10/2017
English
English [Auto-generated]
Current price: $10.00 Original price: $199.99 Discount: 95% off
30-Day Money-Back Guarantee
This course includes
  • 31.5 hours on-demand video
  • 112 articles
  • 4 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 Udemy's top 3,000+ 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
Course content
Expand all 429 lectures 33:29:19
+ Learn how to Build Websites
7 lectures 38:10
Course Resources Online
07:26
Getting a website
02:52
what is HTML CSS and JavaScript
05:59
Resource List
00:13
+ HTML Foundations for building websites
17 lectures 01:38:32
Basics of HTML
07:03
How to create a basic HTML template
11:38
Basic HTML template source code
00:10
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:20
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:11
HTML conclusion
05:01
+ CSS Foundations for building websites
18 lectures 01:37:37
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:52
CSS Conclusion
02:09
+ Quick JavaScript for building websites
34 lectures 02:52:04
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:17
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:10
Introduction to Functions
07:59
Local Global Variables in functions
03:36
Source code Functions
00:09
Ternary Comparison
09:03
Conditional Statements
05:54
Switch Statements
04:55
Source Code Statements conditions
00:26
Introduction to looping
04:59
JavaScript For Loops
06:43
Source Code Loops
00:16
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:08
Updating CSS with JavaScript
07:27
Source Code CSS
00:03
JavaScript Events
05:06
Event Listeners selecting elements
09:34
Source Code Listeners
00:36
addEventListener More events trigger options
07:00
Source Code addEventListener
00:35
What can you do with JavaScript
03:57
JavaScript Overview Conclusion
02:42
+ Quick jQuery for building websites
36 lectures 02:39:01
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:16
CSS selectors and jQuery selectors
02:15
Introduction to event binding
02:33
Event Listeners jQuery Mouse Events
06:39
Event source code
00:04
Keyboard event triggers
06:08
Source Code keyboard events
00:06
Resize and Scroll event listeners on window object
07:06
Source Code Windows Object
02:43
Finding input values from form jQuery
06:23
jQuery Traversing elements
07:34
Select elements from HTML content
05:21
Source Code Selection
00:05
jQuery working with CSS
07:29
Source Code CSS
00:04
Hide and Show page sections
09:10
jQuery effects Fading
04:03
jQuery Effects Source Code
00:04
JQuery Sliding Effects
04:33
jQuery Animate
10:35
Source Code
03:08
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:16
jQuery conclusion
02:16
Resources jQuery
00:01
using map and each within jQuery
07:10
Source Code map and each
00:10
+ What is Bootstrap
43 lectures 02:23:10
Get Bootstrap Setup Template
07:56
Basic Bootstrap Template
00:12
Bootstrap Layout Containers
04:56
Source Code Containers
00:16
Introduction to the Grid
11:57
Source Code
00:38
Do more with the Grid
11:25
Grid Source
01:22
Jumbotron Bootstrap 4
02:48
Source Jumbotron
00:11
Margins and Padding Bootstrap
02:30
Resources Margins and Padding Bootstrap
00:37
Bootstrap 4 Color Utilities
02:48
Source Code Colors
00:46
Bootstrap 4 Utilities
07:51
Utilities Source
00:24
Bootstrap 4 Tables
06:38
Source Code Tables
01:27
Bootstrap Images Responsive
03:40
Source Code Images
00:24
Bootstrap Buttons
03:03
Buttons Source Bootstrap
01:00
Bootstrap 4 Forms
09:25
Button Grouping Radio and Checkboxes
05:33
Forms Source
02:09
Bootstrap 4 Alerts
02:34
Bootstrap 4 Badges
01:40
Bootstrap Progress bar
02:59
Source Code
00:51
Bootstrap 4 Cards
06:27
Cards Source Code
00:31
Bootstrap List Group
03:09
Source Code List Groups
00:10
NavBar Responsive Bootstrap
09:13
Nav List Bootstrap 4
02:13
Source Code NavBar
00:49
Bootstrap 4 Carousel
08:22
Carousel Source Code
00:49
Bootstrap 4 Modal
07:47
Source Code Modal
02:03
Bootstrap Resources
00:11
Bootstrap 4 Beta Updates
00:50
+ Create a quick simple website using HTML and CSS
15 lectures 01:08:03
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:18
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:46
Course Code CSS
00:47
Website 1 Conclusion
02:14
+ Build a single Page responsive website
22 lectures 02:04:37
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:43
Source Code Single Page website CSS
00:48
Conclusion website 2
02:13
+ Responsive Website Template
25 lectures 01:52:53
Website Wireframe plan
05:57
Build HTML Structure Layout
08:40
HTML Structure Source Code
00:38
Floating Elements
11:36
Update header elements
04:56
Build nav menu CSS
07:20
CSS positioning and nav menu source code
00:23
Margins Padding Logo area update
07:19
Source Code
00:40
Source Code CSS
00:30
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:04
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:51
Source Code CSS
00:57
Source Code JS
00:04
Resources
00:05
Website 4 Conclusion
02:08
+ Two Column Responsive Website Template
20 lectures 01:43:14
Website Planning Design Sketch
05:33
Building HTML structure
08:33
HTML adding placeholder content
09:49
Source Code HTML
01:13
Create Stlying for webpage
09:38
CSS Course
00:06
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:10
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:16
CSS style.css source code
01:08
Website 5 Conclusion
01:33
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