HTML CSS and JavaScript for Beginners - Web Design Course
4.3 (258 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,819 students enrolled

HTML CSS and JavaScript for Beginners - Web Design Course

Explore how to build amazing interactive and dynamic websites using HTML - CSS - JavaScript and jQuery
4.3 (258 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,819 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
11 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 13.5 hours on-demand video
  • 92 articles
  • 17 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Expand all 252 lectures 14:16:56
+ Learn HTML Course Section
58 lectures 03:29:35
Section Source Code
00:43
HTML page structure
04:47
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
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
+ CSS Section
57 lectures 03:32:59
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
+ Learn JavaScript section
39 lectures 02:30:42
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
+ JavaScript Document Object Model DOM
26 lectures 01:28:03
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
+ JavaScript JSON and AJAX
31 lectures 01:26:35
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
+ Learn jQuery
38 lectures 01:37:00
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