Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication 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 Certifications Network & Security Hardware Operating Systems & Servers 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 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 Paid 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 & Gardening 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 & Diet Yoga Mental Health Martial Arts & 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 Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React CSS Angular Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Blockchain Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Mobile Game Development
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Canva Design Theory Character Design
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Life Purpose Mindfulness Meditation CBT Sound Therapy
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Freelancing Startup Business Plan Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Email Marketing Copywriting YouTube Marketing Advertising Strategy
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.4 out of 54.4 (310 ratings)
4,985 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 and start coding in a short time.

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 as a WEB DEVELOPER!

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.

Being the building blocks of the world wide web, HTML, CSS and Javascript are fundamental skills for any IT professional. With these skills you can build your own digital products, work as a freelancer or pursue a successful career on a big tech company. No matter the path you choose, this course is going to provide you with high quality content and a great learning experience so you achieve all your goals.

Enroll now and let's start building amazing websites and we services!

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.6 Instructor Rating
  • 21,339 Reviews
  • 380,280 Students
  • 13 Courses

I'm here to make you learn to code and build a strong career in the tech industry!

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

I'm currently teaching 11 courses in 2 languages with 250.000+ students worldwide.

Some of my courses include:

• HTML / CSS

• Javascript

• Vue JS, Vue Router and Vuex

• PHP

• Web Design

• Python

• Machine Learning

• Microsoft Excel


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

Enroll in my courses and you won't regret.

I'll see you in class!


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