Ultimate Web Developer Course Build 10 Websites from Scratch
4.4 (149 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.
9,402 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Ultimate Web Developer Course Build 10 Websites from Scratch to your Wishlist.

Add to Wishlist

Ultimate Web Developer Course Build 10 Websites from Scratch

Build 10+ complete websites from scratch, supercharge your portfolio learn how to create websites
4.4 (149 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.
9,402 students enrolled
Created by Laurence Svekis
Last updated 8/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 31 hours on-demand video
  • 97 Articles
  • 1 Supplemental Resource
  • 1 Coding exercise
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • web designers and web developers
  • entrepreneurs
  • anyone who wants to explore modern website building
  • anyone who wants to build a portfolio of websites
Students Who Viewed This Course Also Viewed
Curriculum For This Course
403 Lectures
32:49:35
+
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
35 Lectures 02:40:18

What is Bootstrap and how do you use it
11:47

Bootstrap Containers
06:26

Basic Bootstrap Template
00:11

Bootstrap Grid System
10:22

Grid System Source code
00:19

How to practice and learn the Bootstrap Grid
04:20

Bootstrap Containers Jumbotron
06:14

Bootstrap typography
05:54

Source Code
00:25

Amazing Bootstrap Table styling options
08:51

Bootstrap Table source
00:19

Bootstrap Form inputs
08:58

Button options with Bootstrap
11:23

Button Source Code
00:41

Typography options
03:43

Source Code Practice Typography
00:21

Bootstrap images and alignments
06:29

Images Source Code
00:20

Bootstrap Alerts
08:47

Source Code Alerts
00:24

Bootstrap Navbar
08:05

Responsive Navbar Bootstrap
09:36

NavBar Source Bootstrap
00:39

Carousel image slider with Bootstrap
12:40

Bootstrap Carousel indicators
03:28

Carousel Source Code
00:30

Building a modal within Bootstrap
09:37

Creating a Modal Complete
02:37

Modal Source Code
00:20

Bootstrap Utility classes
06:41

Source Code Bootstrap Utility classes
00:55

Bootstrap Conclusion Resources
04:06

Bootstrap Resources
00:01

Conclusion to Bootstrap Section
02:41
+
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
+
Bootstrap Template from Scratch
19 Lectures 01:20:30

Website Structure
07:05

Source Code basic layout
00:18

Add styling to sections
04:59

Building a navigation menu
07:27

Navbar with Bootstrap easy
02:06

NavBar Source
00:10

Adding Buttons to elements
07:55

Rows cols images made responsive
08:08

Contact form using Bootstrap for styling
09:23

Add background images
07:27

jQuery Scrolling Effect
05:24

jQuery Source
00:06

Adding modals
07:11

Summary
03:17

Source Code HTML
03:44

Source Code CSS
00:14

Resources
00:05

Website 3 Conclusion
02:53
+
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
9 More Sections
About the Instructor
Laurence Svekis
4.2 Average rating
13,089 Reviews
290,332 Students
183 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"