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 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 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
2020-11-30 17:46:06
30-Day Money-Back Guarantee

This course includes:

  • 15 hours on-demand video
  • 98 articles
  • 18 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design Web Design

HTML CSS JavaScript for Beginners Modern Web Design Course

Explore how to build amazing interactive and dynamic websites using HTML - CSS - JavaScript and jQuery
Rating: 4.4 out of 54.4 (445 ratings)
4,532 students
Created by Laurence Svekis
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Create websites using HTML and CSS
  • Create interactive content online using JavaScript
  • How to build real world creative and modern website
  • Coding, tips and resources for best practices to build a professional website
  • Using HTML5, CSS3, JQuery and JavaScript
  • Complete source code of final product.

Requirements

  • No coding experience is necessary
  • Desire to learn HTML CSS and JavaScript
  • Computer access and internet access
  • All resources and source code is provided

Description

Explore how you can create websites from scratch!!!

Step by step course included EVERYTHING YOU NEED to get started and learn all the fundamental core concepts of web deisgn and web development.

Source CODE IS INCLUDED !!!

BONUS helpful PDF ebook to get you started quickly

Professional training from an instructor with over 20 years of web development experience ready to help you learn and answer any questions you have.....

Course covers everything you need to know about HTML

  • Basic syntax - all the common tags used to develop web content

  • How and where you can write HTML - top resources and links included

  • Learn about HTML structure within web pages

  • Explore HTML5 semantic elements

  • Build your own HTML template

  • Create HTML lists, hyperlinks, and add images

  • Build tables for even more HTML structure

  • Create Forms with in depth form examples and HTML tag explanations

  • Add iframes and more cool HTML elements

  • Create your own mini HTML site using only HTML

  • All this and more.

Course covers everything you need to know about CSS

  • Find the top resources and links to help you learn

  • The basics of styling

  • How to use Classes and ID to select elements

  • Explore ALL the colors for fonts and backgrounds

  • Move content display properties

  • Learn how to apply styling to common HTML like Lists, Tables, and more

  • Everything you need to style your text and make it look fantastic - including Google Fonts

  • Floats to position elements and content

  • The BOX MODEL - padding, margins, border, height, and width for each element

  • CSS positioning

  • Working with Hyperlinks and making it look good

  • CSS Pseudo Class 

Course covers everything you need to know about JavaScript

  • explore how to write JavaScript basics

  • Data types the building blocks of coding

  • Using Variables to hold data

  • Functions invoking blocks of code

  • JavaScript operators and assignment syntax

  • JavaScript Objects and Arrays

  • Conditions and Switches to apply logic

  • Loops and iterating through data

  • Arrays and array methods 

  • Document object to manipulate HTML element content

  • all this and much more

Course covers everything you need to know about JavaScript Document Object Model DOM

  • Selecting elements within the DOM

  • Manipulating element content and text output

  • Adding styling and classes using JavaScript

  • Event Listeners to add user interaction to your web content

  • Building and creating elements with JavaScript

  • Build an interactive list project from scratch

Course covers everything you need to know about JSON and AJAX

  • What JSON is and how it works

  • Links and top resources for JSON and JavaScript

  • JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code

  • Array objects and objects that contain arrays and more

  • How to iterate through all the JSON data objects and output them into your HTML page

  • Challenges in lessons with step by step solutions

  • JavaScript JSON methods

  • Local Storage to store JSON data

  • Using JavaScript Fetch to retrieve JSON data and responses

  • All this and much more

Course covers everything you need to know about jQuery

  • explore how to write jQuery basics

  • how to select elements to apply manipulations too

  • learn about applying style and classes

  • adding effects to elements like hide and show

  • make you web page come to life with animations and effects slide, fade and animation

  • create interaction with your page using event listeners like mouse events and keyboard events

  • use AJAX to connect to JSON data to easily populate content into your page

  • all this and much more

You'll get friendly support in the Q&A area and all the source code available for download. 

What are you waiting join now to start learning how to make your own websites TODAY :)



Who this course is for:

  • Everyone who wants to learn web development skills
  • Perfect course for anyone who wants to learn HTML5 CSS3 and JavaScript
  • Anyone who wants to learn more about web development
  • Web design beginners

Course content

9 sections • 262 lectures • 15h 26m total length

  • Preview06:17
  • Preview04:29

  • Preview05:23
  • Section Source Code
    00:43
  • Preview07:03
  • Preview04:45
  • HTML page structure
    04:47
  • Preview02:25
  • Preview02:12
  • More on Metadata and DocType
    01:17
  • Try it make index page
    06:16
  • Exercise #1 Start Code
    00:08
  • Element Formatting HTML
    03:23
  • HTML Headings
    03:43
  • Self Closing Tags
    04:26
  • HTML Exercise #2
    01:55
  • Exercise #2 Start Code
    00:04
  • HTML Comments
    02:13
  • Preformatted Text
    02:50
  • HTML Entities
    03:17
  • HTML text formatting
    03:52
  • More HTML text formatting
    03:43
  • Text Formatting Sample Code
    00:26
  • Practice text formatting
    03:18
  • Divs and Spans to organize content
    03:49
  • HTML5 Semantic Elements
    03:45
  • Text File for Next exercise
    00:11
  • Exercise 3 HTML5 Semantic Elements
    04:46
  • Exercise #3
    00:14
  • Placeholder Content
    02:04
  • Hyperlinks Anchor Tag
    11:03
  • Try it Build a Page
    04:28
  • HTML sample site code example
    06:24
  • Adding Images to your Page
    03:34
  • Exercise 4 Images
    02:53
  • Exercise #4 HTML images
    00:05
  • HTML lists
    05:21
  • Sample Code HTML lists
    01:26
  • Exercise 5 Adding Lists
    02:38
  • Exercise #5 Source code
    01:00
  • Exercise 6 rebuild the first website
    05:04
  • Exercise #6 Source Code
    00:15
  • Exercise 7 Nested Lists
    04:51
  • Exercise #7 Source Code Sample
    00:06
  • HTML tables
    08:21
  • Sample Tables
    00:18
  • HTML tables with Style
    02:04
  • HTML Forms
    07:12
  • HTML Form Sample Code
    00:12
  • Create a Contact Form
    07:11
  • HTML Form options
    03:57
  • Form Submission
    03:59
  • More input types HTML5
    11:20
  • Source Code sample input type
    00:17
  • More with HTML5 Forms
    06:31
  • Sample Code sign up form HTML
    00:26
  • HTML form fieldset
    04:05
  • Exercise 9 Form Practice
    08:16
  • Exercise #9 Source Code
    00:27
  • HTML iframes.
    03:21
  • Exercise #10 Build a Site
    09:51
  • Exercise #10 Website Sample HTML
    01:05

  • Introduction to CSS.
    02:30
  • CSS section resources and Source Code
    00:11
  • What is CSS
    08:56
  • Basics of CSS
    04:35
  • CSS Inline Style
    04:35
  • Source Code inline Styles
    00:10
  • CSS Style Tag Styling
    03:08
  • CSS selection example
    00:09
  • Creating and using CSS file
    03:43
  • Attach Style CSS file
    00:07
  • CSS selection and classes
    07:27
  • CSS element selection Class id and tag
    00:12
  • CSS Colors.
    07:42
  • CSS Color Selection and options example code
    00:12
  • CSS Background Property
    07:11
  • CSS Background Color style example
    00:18
  • CSS Display Property
    05:12
  • CSS display property example CSS code
    00:13
  • CSS for List items
    02:41
  • CSS Exercise #1 style a simple website
    04:12
  • CSS Exercise #1 Source Code
    00:18
  • Measures and Properties CSS
    03:16
  • CSS Divs and Spans
    04:08
  • Styling Text CSS
    13:20
  • Source Code examples CSS divs and spans and styling
    01:54
  • CSS font Family
    03:15
  • Google Fonts CSS
    06:20
  • CSS Fonts source code and resources
    02:02
  • CSS Exercise #2
    06:57
  • CSS Exercise #2 Source Code and examples
    00:26
  • CSS Floats Images
    03:57
  • CSS float elements
    04:32
  • CSS Float examples source code
    01:59
  • CSS Box Model
    09:40
  • CSS Box model source example
    00:16
  • Exercise 3 CSS
    04:06
  • CSS Exercise #3 Source Code
    01:07
  • Exercise 3 Solution
    09:59
  • CSS Outline
    03:54
  • CSS outline source code examples
    00:18
  • CSS position
    09:46
  • CSS position example source code
    00:22
  • Exercise #4 Image grid
    03:53
  • CSS Exercise #4 source code
    00:13
  • CSS fun with Hyperlinks
    06:02
  • CSS hyperlink source code
    00:03
  • CSS Pseudo Classes
    04:36
  • Source Code Pseudo Selection Classes CSS
    00:22
  • CSS and Tables
    06:37
  • CSS for tables
    00:06
  • CSS Overflow and MaxWidth.
    04:45
  • CSS Element Alignments
    11:27
  • CSS overflow and element alignment source code example
    00:16
  • Website Project Part 1
    06:48
  • Website Project Part 2
    09:18
  • Website Project Part 3
    02:03
  • Source Code
    01:05

  • Welcome to JavaScript
    05:54
  • Section source code and resources
    00:05
  • Write JavaScript
    10:48
  • Update HTML element
    11:28
  • Source code console example
    00:04
  • JavaScript Code
    05:49
  • JavaScript Variables
    08:16
  • JavaScript Variables in Action
    08:19
  • JavaScript Coding example Variables
    00:16
  • JavaScript Try it Exercise #1
    01:57
  • Operators and assignments
    07:49
  • JavaScript Functions
    06:57
  • Source Code JavaScript Functions
    00:06
  • JavaScript Exercise #2 Function
    05:14
  • JavaScript Exercise #2 Source code
    00:11
  • Closer look at functions
    04:18
  • Source Code code functions
    00:09
  • JavaScript Objects
    07:30
  • Source Code Objects
    00:10
  • JavaScript #3 Exercise 3 Objects
    01:56
  • JavaScript Exercise #3 coding example
    00:05
  • JavaScript Arrays
    07:05
  • Array Methods
    07:41
  • JavaScript Source Code Array examples
    00:08
  • Condition Statements JavaScript
    05:02
  • Combine with Functions
    03:53
  • JavaScript Switch
    04:29
  • JavaScript Conditions and switch Example code
    00:22
  • JavaScript Loops
    07:09
  • Source Code Loops
    00:12
  • JavaScript String Methods
    06:58
  • Source Code String method examples
    00:14
  • ES6 JavaScript
    04:08
  • Source Code Let and Const ES6
    00:08
  • Document Object Model DOM
    05:40
  • Eventlisteners JavaScript
    02:17
  • JavaScript Event listeners
    00:07
  • JavaScript Exercise #4 Event Checker Exercise
    07:31
  • Source Code Exercise #4
    00:12

  • Introduction to JavaScript DOM
    02:09
  • What is the DOM
    04:15
  • Source Code and Resources
    00:01
  • JavaScript DOM Manipulation
    08:20
  • Source Code DOM
    00:27
  • JavaScript DOM Selection
    07:00
  • Element Text Manipulation
    05:47
  • Change Classes DOM
    06:10
  • JavaScript DOM Examples and source code
    01:08
  • Change Styles DOM
    06:08
  • Element Attribute Manipulation
    07:08
  • Source Code and Examples DOM style and element attributes
    00:27
  • Interactive DOM Events
    03:13
  • Select Multiple Elements
    05:36
  • KeyPress Events.
    05:03
  • JavaScript Mouse Events
    02:42
  • JavaScript DOM events
    00:43
  • JavaScript DOM Create your own Elements
    05:04
  • DOM Create elements
    00:17
  • Event listeners to New elements
    03:42
  • DOM add event listeners create elements
    00:13
  • Create Dynamic List
    05:13
  • List Project Exercise Input add new Element.
    03:38
  • JavaScript Project Source Code Project List
    00:27
  • Project Bonus Adding Object Value
    02:41
  • Dynamic Values to Element Objects
    00:29

  • Introduction to JSON
    03:50
  • Source Code and resource
    00:02
  • What is JSON
    06:06
  • JSON as Data
    09:25
  • Solution Create JSON
    05:49
  • JSON JavaScript object example
    00:08
  • JSON details
    05:27
  • Solution output JSON to HTML
    03:03
  • Output JSON JavaScript Object Example
    00:07
  • JavaScript Arrays of Objects.
    07:14
  • JavaScript Arrays and Objects
    00:07
  • JavaScript Solution Array Objects
    04:48
  • Array Object JavaScript Output example
    00:10
  • JavaScript Loop Object Data
    01:04
  • Solution Loop Object Data.
    04:42
  • JavaScript Loop Example source Code
    00:21
  • JavaScript add to Object.
    03:13
  • JavaScript Object Examples
    00:16
  • JavaScript JSON methods
    03:57
  • JavaScript Methods JSON parse and stringify
    00:18
  • Local Storage Values
    03:27
  • Solution Local Storage
    03:11
  • JavaScript Local Storage examples and source code
    00:17
  • JavaScript Fetch
    04:41
  • Solution JavaScript Fetch
    03:28
  • Catching Errors Shorthand
    02:45
  • JavaScript Fetch
    00:19
  • JSON with multiple items
    03:08
  • Solution forEach JSON
    02:55
  • JSON Conclusion
    02:06
  • JSON AJAX solution source code and example
    00:07

  • jQuery Introduction to section
    02:21
  • Source Code and resources
    00:02
  • Why jQuery and What is it.
    05:06
  • Selecting with jQuery
    04:09
  • jQuery Fun with Styling
    05:44
  • jQuery Source Code example
    00:39
  • jQuery Content
    03:55
  • jQuery text html append prepend example
    00:01
  • jQuery Attributes
    05:54
  • jQuery addClass removeClass html examples
    00:01
  • Image and Form Attributes
    05:55
  • jQuery Form and attribute examples
    00:01
  • jQuery Click Events
    04:26
  • jQuery text toggleClass click
    00:02
  • Document Ready Event Listener
    03:29
  • jQuery document ready example
    00:03
  • jQuery Mouse Events
    03:05
  • Keyboard Events jQuery
    06:22
  • jQuery On Event listener
    03:09
  • jQuery Mouse Events Keyboard Events examples and source code
    00:05
  • jQuery Effects Hide Show
    02:51
  • jQuery hide show toggle example
    00:01
  • jQuery Fade Effect
    05:13
  • jQuery fadeIn fadeOut fadeToggle examples
    00:03
  • jQuery Slide Effect
    01:47
  • jQuery slideDown slideUp slideToggle
    00:03
  • jQuery Animate Effect
    04:58
  • jQuery animate example source code
    00:03
  • jQuery AJAX.
    03:28
  • jQuery AJAX examples
    00:09
  • Load and CORS error
    02:49
  • AJAX and Form data
    05:55
  • Multiple Items in response output
    03:52
  • Get API JSON data output to HTML page example
    00:05
  • Select Element.
    03:22
  • jQuery Select examples
    00:02
  • Course jQuery Exercise
    07:37
  • jQuery Project Source code
    00:08

  • JavaScript PopUp Modal
    15:09
  • How to create a popup modal window HTML CSS and JavaScript source Code
    00:36
  • Box Model and Border Box Sizing Example
    12:35
  • Code Example Box Model sizing
    00:15
  • How to select Dynamic elements from the page using QuerySelectorAll
    20:02
  • QuerySelectorAll List items added Dynamically Source Code and Example
    00:18
  • Add Page Elements Dynamically to DOM add Event Listeners all matching elements
    18:51
  • Source Code Add Event Listener to Page Elements add Elements Dynamically to page
    00:19

  • Bonus Lecture
    01:13

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 41,816 Reviews
  • 707,106 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.