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 Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence 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 Big Data
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
Development Web Development Web Design

Complete Web Design Course: HTML, CSS, Javascript and jQuery

4 Courses in 1! From complete beginner to advanced. Learn Webdesign and Become a Professional Front End Web Developer!
Rating: 4.6 out of 54.6 (216 ratings)
4,516 students
Created by Ivan Lourenço Gomes
Last updated 11/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • How to build websites using HTML5, CSS, Javascript and jQuery
  • Build responsive Websites that load perfectly on desktops, tablets and mobile devices
  • Start your career as a Web Developer
  • HTML5 semantic elements and best practices
  • Handle forms and send e-mails from you website

Course content

9 sections • 123 lectures • 20h 25m total length

  • Preview03:33
  • Preview06:03
  • HTML Elements (Tags)
    05:16
  • Lists and Links
    07:25
  • Images and Videos
    06:28
  • Styles
    06:37
  • HTML5 Semantic Elements
    08:14
  • The Developer Tools & More CSS Properties (Part 1)
    10:21
  • The Developer Tools & More CSS Properties (Part 2)
    08:53
  • Classes, IDs, and CSS Selectors
    09:53
  • Styling the Content of the Article
    06:11
  • Styling the List of Links
    09:58
  • Fonts
    04:58
  • Styling the Social Links
    11:08
  • Colors
    08:00

  • Introducing the Next Project & Setup
    09:38
  • Starting with the Header
    09:40
  • Alignment of Header Items With Flexbox
    10:19
  • Fixed Position on Header
    11:30
  • Doing the Logo in HTML & CSS
    08:27
  • Background Image of Hero Section
    09:56
  • Text Area of Hero Section (Part 1)
    08:47
  • Text Area of Hero Section (Part 2)
    17:16
  • Starting the Best Sellers Area
    09:53
  • Preview11:23
  • Individual Product Boxes
    06:34
  • Product information
    06:39
  • Applying the New Tag
    13:56
  • Discounted price
    04:40
  • Newsletter Section
    07:46
  • Styling the newsletter elements
    13:49
  • The Footer Element
    07:13
  • Bottom Navigation
    13:39
  • HTML Entities
    06:12
  • Hover states
    13:12

  • Intro to CSS Media Queries
    10:56
  • Setting up the Breakpoints
    13:49
  • A Note About Media Queries Organization
    08:06
  • Designing the Header Navigation
    17:15
  • Designing the Hero Section
    12:54
  • Responsive Images with HTML5's Picture Element
    10:36
  • The Best Sellers Section
    14:11
  • Newsletter and Footer
    11:43
  • Internal Links
    13:59

  • Hosting and Domain - A Brief Explanation
    05:12
  • Preview11:45
  • Configuring FTP
    07:56
  • Using a Paid Hosting Service
    11:03
  • Setting up a Customized .COM Domain Name
    10:01

  • Javascript Course Intro
    06:23
  • First Steps With Javascript
    08:45
  • Javascript Syntax
    07:00
  • DOM - Document Object Model
    02:56
  • Working With The DOM
    08:50
  • Variables
    13:59
  • Data Types: Strings
    09:15
  • Data Types: Numbers (Part 1)
    10:39
  • Data Types: Numbers (Part 2)
    06:15
  • Data Types: Booleans
    11:25
  • Data Types: Null and Undefined
    05:37
  • List Of Exercises # 1
    05:58
  • List Of Exercises # 1 (Solution - Part 1)
    14:26
  • List Of Exercises # 1 (Solution - Part 2)
    10:28
  • Functions
    09:40
  • Data Types: Arrays
    12:58
  • Data Types: Objects
    10:23
  • Objects Methods
    08:09
  • List Of Exercises # 2
    03:21
  • List Of Exercises # 2 (Solution - Part 1)
    17:45
  • List Of Exercises # 2 (Solution - Part 2)
    09:55

  • Events
    17:00
  • CSS Manipulation
    09:45
  • More getElement Methods
    06:13
  • For and For in Loops
    17:55
  • While Loops
    05:07
  • Conditionals
    09:53
  • Conditionals (Part 2)
    10:01
  • Nested Loops and Conditionals
    15:07
  • Variable Scope
    14:37
  • List Of Exercises # 3
    04:39
  • List Of Exercises # 3 (Solution - Part 1)
    10:58
  • List Of Exercises # 3 (Solution - Part 2)
    15:07
  • List Of Exercises # 3 (Solution - Part 3)
    12:36
  • BOM - Browser Object Model
    09:16
  • Date & Time
    11:00
  • Challenge - Calculating Date Intervals
    06:35
  • Time Methods
    13:25
  • Clock Challenge
    09:50
  • Break and Continue
    08:35
  • Forms
    14:55
  • Forms (Part 2)
    09:18
  • The onchange Event
    14:57
  • List Of Exercises # 4
    03:53
  • List Of Exercises # 4 (Solution - Part 1)
    13:58
  • List Of Exercises # 4 (Solution - Part 2)
    14:29
  • List Of Exercises # 4 (Solution - Part 3)
    12:04
  • List Of Exercises # 4 (Solution - Part 4)
    11:02
  • List Of Exercises # 4 (Solution - Part 5)
    17:47

  • Presentation
    06:23
  • Mobile Menu
    05:14
  • About Us Section
    13:26
  • Our Services Sections
    14:14
  • Contact Form
    15:34
  • Copyright Year on Footer
    03:39

  • jQuery Intro
    06:52
  • Preview11:06
  • DOM Manipulation
    12:01
  • Forms
    13:06
  • Forms (Part 2)
    08:34
  • CSS Classes Manipulation
    05:20
  • Events
    09:52
  • Events Challenge
    07:34
  • Effects
    12:46
  • The Animate Method
    08:30
  • Download The scripts.js File Used Throughout The Course
    00:00

  • Presentation of the project
    06:38
  • Getting the Search Parameters
    11:36
  • Update Order Details
    15:38
  • Calculate the Price
    14:15
  • Update the Product Photo
    04:40
  • The Change Event For The Quantity and Style Filters
    05:05
  • The Change Event For The Color and Quality Filters
    13:46
  • Formatting the Price
    12:33

Requirements

  • Basic Knowledge of Using a Computer

Description

In this course you will learn the basic fundamentals of how to build web sites using HTML & CSS, Javascript and jQuery. No previous knowledge is required to take this course, you will learn from the absolute beginning.

With our hands-on step by step method with projects, challenges and exercises you will learn how to build beautiful web pages in a fun and intuitive way. Get ready to build web sites and web applications and start you career in the Tech Industry!

Whether if you are aiming for a career as a web developer of you are a freelance web designer who wants to master front end development, this course is what you've been looking for.

Enroll now and let's start building amazing websites!

Who this course is for:

  • People aiming to start a career as a Web Developer
  • People willing to start selling websites as Freelance Web Developers
  • Freelance Web Designers who want to master front end development
  • People looking to learn how to build a website using code only
  • People looking to learn new skills

Instructor

Ivan Lourenço Gomes
Programmer & Front End Web Developer
Ivan Lourenço Gomes
  • 4.5 Instructor Rating
  • 16,317 Reviews
  • 192,548 Students
  • 10 Courses

I'm a passionate Programmer & Front End Developer.

My mission at Udemy is to provide courses from beginner to advanced levels in the most popular areas in IT.

I'm currently teaching 7 courses in 2 languages with 130.000+ students worldwide.

Some of my courses include:

• HTML / CSS

• Javascript

• PHP

• Python

• Machine Learning

• Microsoft Excel

More to come in 2020!

I'd love to be your instructor to provide you with a great learning experience and help you develop new skills.

I'll see you in class!


  • 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.