Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 32 hours on-demand video
  • 115 articles
  • 8 downloadable resources
  • 1 coding exercise
  • Full lifetime access
  • Access on mobile and TV
Development Web Development

How to create Websites Build 10 Websites From Scratch

Build 10+ complete websites from scratch, supercharge your portfolio learn how to create websites HTML CSS JavaScript
Rating: 3.9 out of 53.9 (410 ratings)
11,349 students
Created by Laurence Svekis
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

21 sections • 434 lectures • 33h 51m total length

  • Preview07:31
  • Preview07:49
  • Preview06:20
  • Course Resources Online
    07:26
  • Getting a website
    02:52
  • what is HTML CSS and JavaScript
    05:59
  • Resource List
    00:12

  • Preview02: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
  • 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

  • Preview02: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

  • Preview02: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

  • Preview02: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

  • Preview02: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

  • Preview02: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

  • Preview02: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

  • Preview03: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

  • Preview02: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

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

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 41,937 Reviews
  • 708,386 Students
  • 369 Courses

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

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!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.