The Web Development Course: HTML5, CSS3, JavaScript
3.8 (56 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.
391 students enrolled

The Web Development Course: HTML5, CSS3, JavaScript

Learn web development course by building website and program by using HTML5, CSS3 and JavaScript. Include huge project
3.8 (56 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.
391 students enrolled
Created by Aatef Jaberi
Last updated 8/2018
Current price: $89.99 Original price: $149.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 21 hours on-demand video
  • 3 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • 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 Web Page with HTML(5) & CSS(3)
  • How to set Headers , Paragraph for web page
  • How to set pages for webpage
  • Create animation elements
  • How to create a responsive website for all devices such as(Mobile,Tablet,Computer)
  • How to create Box and set Positions for elements
  • How To create buttons and use for pages or send forms
  • How to create to insert Video and Audio in webpage
  • How to create Vertical,Horizontal,Dropdown Navigation Bar(menus)
  • Create attractive differents Forms
  • How to create Circle,Thumbnail and set Text on images
  • Create a website with JavaScript
  • Set actions and events for buttons
  • Show location on a google map in your website
  • How to display erros to users with dial boxes
  • How to set page redirection
  • How to draw shapes
  • How to create animation with JavaScript
  • Create Program with JavaScritpt
  • How to validate forms
  • How to validate username
  • How to validate passwords
  • How to work with Date
  • Using the Document Object Model (DOM) to access the HTML elements on the page dynamically
  • Using regular expressions with string methods to perform basic validation
  • After finish this course you have lots of knowledge of design websites and get a job in this way
  • After finish this course you are able to design your website with your knowledge and codes
  • After finish this course you are able to design responsive website
  • After finish this course you are able to work with HTML(5),CSS(3) and JavaScript
  • Write PHP code
  • How to send data to your database from your form
  • Create user registration, Login,Logout system
  • Validate forms with PHP
  • How to use MYSQL database
  • Create contact us form and send email
  • Insert,edit and delete data to database
  • Create system to upload photos
  • Google reCAPTCHA system for website
  • Make pagination table
  • You will learn how to use PDO with PHP and MySQL
  • Hash passwords
Course content
Expand all 181 lectures 21:03:21
+ Before going to start this course
4 lectures 05:18
Text Editors
BONUS:Private Letter: How to become Good Programmer In Programming Languages
Download Files & Projects in this course
+ Intro in HTML(5)
17 lectures 01:26:29

At the end of this lecture, students understand what will be learned at the end of this chapter

Preview 02:15
At the end of this lecture, students will be learn what is HTML5 and know about structure of HTML website
Preview 04:38

In this lecture  you will learn how to create a simple web page with HTML(5)

Create A Web Page

In this lecture students will be learn work with header tags

Header Tag
In this lecture students will be learn work with  paragraph tag
Paragraph Tag
This assignment help you to know better about using paragraph tag in HTML
Paragraph Assignment
3 questions

In this lecture students will be learn work with div tag

Div Tag

In this lecture students will be learn work with Span tag

Span Tag

In this lecture students will be learn to use text-formatting in their codes

Challenge for students about heading in HTML
HTML Heading Assignment
4 questions
Work on formatting in HTML
HTML Fromatting
4 questions
The <ul> tag defines an unordered (bulleted) list.
Unordered List

Students will be learn how to use ordered list in their pages

Ordered List

Students will learn how to use and display images in web pages


Tables is important in HTML because you insert your list in your table and student will learn how to create tables and insert their data into table


After This lecture students will be able to work with links in web pages


Students will know about what is HTML Entities and work with them

HTML Entities

What is Iframe? With Iframe you can show videos  from You-tube, Facebook etc... in your web page

Project-Sport Website (1)
Project-Sport Website (2)
5 questions
+ HTML(5) Forms
7 lectures 01:30:32

Students will be learn what is form and how can use in web pages

HTML5 Form Introduction

Students will learn about some elements for creating forms such as <input>,<Textarea>,<button> and etc...

Form Elements

students will be learn about input types and use them in forms

Input Types

Students will be able use Attributes for create attractive HTML(5) forms

Form Attributes(1)
Form Attributes(2)
Project - Job Applicant Form(1)
Project - Job Applicant Form(2)

Quiz 2
4 questions
+ HTML5 Semantic Element
14 lectures 01:09:18

The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

Section Element

The <article> tag specifies independent, self-contained content.

An article should make sense on its own and it should be possible to distribute it independently from the rest of the site.

Article Element

The <header> element represents a container for introductory content or a set of navigational links

Header Element

The <footer> tag defines a footer for a document or section

Footer Element

The <aside> tag defines some content aside from the content it is placed in.The aside content should be related to the surrounding content.

Aside Element

The <nav> tag defines a set of navigation links.

Navigation Element

The <figcaption> tag defines a caption for a <figure> element.

The <figcaption> element can be placed as the first or last child of the <figure> element.

Figure and Figurecaption Elements

The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details

Details and Summary Elements

The <time> tag defines a human-readable date/time

Preview 03:29

The <main> tag specifies the main content of a document

Main Element

The <mark> tag defines marked text

Mark Element
Project - Magazin Website (1)
Project - Magazin Website (2)
Quiz 3
5 questions
+ HTML5 Multimedia
3 lectures 09:55

The <video> tag specifies video, such as a movie clip or other video streams


The <audio> tag defines sound, such as music or other audio streams.

+ Intro in CSS(3)
28 lectures 04:22:50

An inline style may be used to apply a unique style for a single element

Inline CSS

An internal style sheet may be used if one single page has a unique style

Internal CSS

The <div> tag is used to group block-elements to format them with CSS


Students will be able to use ID and Classes for styling  individually elements in web page

IDs & Classes

Students will be able to use different kinds of colors in web page


The CSS border properties allow you to specify the style, width, and color of an element's border.


Students will be able move elements with margin property


The CSS padding properties are used to generate space around content


Students will style text with some of the text formatting properties


The CSS font properties define the font family, boldness, size, and the style of a text.

Preview 03:48

The CSS list properties allow you to:

  • Set different list item markers for ordered lists
  • Set different list item markers for unordered lists
  • Set an image as the list item marker
  • Add background colors to lists and list items

Links can be styled with any CSS property for example: Color, Font Family , Background and etc...


Students will be able style and create attractive tables


Students will create a beautiful Box with CSS(3)

Box Modal

The display property is the most important CSS property for controlling layout.


Students will set positions for elements after finish this lecture


The Float property specifies whether or not an element should float


Students will align elements horizontally or vertically


A CSS pseudo-element is used to style specified parts of an element


Students can create vertical menu for web page

Vertical Navigation-Bar

Students can create horizontal menu for web page

Horizontal Navigation-Bar

Create a hoverable dropdown with CSS.

DropDown Box

A tool-tip is often used to specify extra information about something when the user moves the mouse pointer over an element


The look of an HTML form can be greatly improved with CSS


The opacity property specifies the opacity/transparency of an element


CSS can be used to create an image gallery

Image Gallery
Quiz 4
10 questions
+ CSS3 2D Transforms
7 lectures 29:28
Translate() Method
Rotate() Method
Scale() Method
SkewX() Method
SkewY() Method
Skew() Method
Matrix() Method
+ CSS3 3D Transforms
3 lectures 07:49
RotateX() Method
RotateY() Method
RotateZ() Method
+ CSS3 Transitions
4 lectures 16:08
CSS3 Transition
Transition and Transformation
Speed Curve
Delay Transition
+ CSS3 Animations
4 lectures 28:51
Keyframes Rule
Delay Animation
Specify the Speed Curve of the Animation
Animation Shorthand Property
  • A laptop (Windows or Mac)
  • You don't need to learn anything. i will teach you everything form Zero to Hundred
  • Desire for learning is very important for you
  • If you want to earn money from design website and want to learn web design take this course
  • No matter if you dont know what is web designing. i will teach you everything with all details

Welcome to the “The Web Development Course: HTML5, CSS3, JavaScript”. HTML, CSS and JavaScript are languages that you need to know for creating static or dynamic web pages. This course prepares you to be professional in web development course in these 3 languages. This course includes with details and it has many challenges and also projects to learn better these useful languages and challenge yourself in each section that how much are you ready for the next sections.  

This course starts with the fundamental in HTML 5. You will start understanding the basic language for creating a web page by using HTML5.  

 The projects that you have in HTML5 includes:  

  • Create Simple Sport Website  

  • Create Job Applicant Form  

  • Create Simple Magazine Website  

After HTML5 section I am working on CSS3 that you will learned how to style your website with CSS3 it means that you design a website with HTML5, then style it with CSS3.  

The project in CSS3 is:  

  • Design Technology Website (You can see the preview of this website)  

HTML5 and CSS3 are some of the most essential and evolving web technologies that enable you to structure content and present it on the web. Knowledge of these languages will help you create web pages that are easy to read and appealing to users. I also focus on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers such as Computer, Tablet, and mobile devices. The course also shows you how to use advanced HTML5 multimedia features such as video, audio and use CSS3 for animations.  

After HTML5 & CSS3 I am going to JavaScript Sections. This hands on JavaScript training course provides the fundamental knowledge necessary to design and develop dynamic Web pages using JavaScript. It introduces students to client-side JavaScript and how the language can be used to turn static HTML pages into dynamic, interactive Web pages. Students will learn the syntax of the JavaScript language and how client-side scripts interact with server-side programs.  

JavaScript topics include adding JavaScript to a web-page, use of dialogs to interact with the user and JavaScript intrinsic objects such as Date, Array and Math. Students will also be introduced to the Document Object Model (DOM), creation of functions, event handling, form validation.  

projects in JavaScript are:  

  • Program for copying text in other fields

  • Design a program that system can recognize odd/even      numbers

  • Make Digital clock     

  • Make a Calculator     

  • Style and validate forms with JavaScript

  • Display Google Map on web page

One of the benefits of this course is pay once and get 3 courses in one course, but if you wanted buy each on separately, you have to pay more.   


Money back guarantee?!  

Yes, this course included full money back guarantee and you can earn your money after 30 days  

Over 23 chapters you will learn:  

  • Before going to start this course  

  • Intro in HTML5  

  • HTML5 Forms  

  • HTML5 Semantic Element  

  • HTML5 Multimedia  

  • Intro in CSS3  

  • CSS3 2D Transforms  

  • CSS3 3D Transforms  

  • CSS3 Transitions  

  • CSS3 Animations  

  • CSS3 Images  

  • CSS3 Buttons  

  • CSS3 Pagination  

  • CSS3 Responsive  

  • Intro in JavaScript   

  • JavaScript Objects  

  • JavaScript Form Validation  

  • JavaScript HTML DOM  

  • JavaScript HTML BOM  

  • JavaScript HTML Canvas  

  • JavaScript Google Map  

  • Conclusion  

  • BONUS Chapter  

What else will you get?  

  • Personal contact with me, the course tutor  

  • Lifetime access to course materials  

  • A friendly, informal community to support you every step of the way  

  • A deep understanding of how to code, design and build responsive websites  


So what are you waiting for? Transform your world and sign up now  

Who this course is for:
  • Those People love Coding and Programming
  • Those people want write programe and make attractive website
  • Those people want design web site
  • You have big chance because this course include 3 courses in one package
  • You can merg HTML and JavaScript and find good job
  • Business owners who want to be more efficient with Wordpress, Joomla or other CMS systems