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
English
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
01:21
BONUS:Private Letter: How to become Good Programmer In Programming Languages
00:07
Download Files & Projects in this course
00:01
+ 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
03:02

In this lecture students will be learn work with header tags

Header Tag
04:27
In this lecture students will be learn work with  paragraph tag
Paragraph Tag
02:23
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
03:16

In this lecture students will be learn work with Span tag


Span Tag
02:02

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


Text-Formatting
06:49
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
02:28

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

Ordered List
03:22

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

Images
04:18

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

Tables
04:10

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

Links
10:31

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

HTML Entities
04:14

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

Iframe
03:27
Project-Sport Website (1)
12:24
Project-Sport Website (2)
12:43
Quiz
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
01:37

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

Form Elements
15:30

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

Input Types
20:18

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

Form Attributes(1)
17:11
Form Attributes(2)
08:25
Project - Job Applicant Form(1)
12:56
Project - Job Applicant Form(2)
14:35

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
04:36

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
05:55

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

Header Element
03:10

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

Footer Element
03:44

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
03:06

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

Navigation Element
03:33

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
03:23

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
02:51

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

Preview 03:29

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

Main Element
05:25

The <mark> tag defines marked text

Mark Element
03:12
Project - Magazin Website (1)
16:47
Project - Magazin Website (2)
07:55
Quiz 3
5 questions
+ HTML5 Multimedia
3 lectures 09:55
Introduction
00:55

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

Video
06:35

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

Audio
02:25
+ 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
06:10

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

Internal CSS
03:30

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

Divs
06:19

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

IDs & Classes
05:17

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

Colors
12:20

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

Borders
12:33

Students will be able move elements with margin property

Margins
04:33

The CSS padding properties are used to generate space around content

Padding
04:19

Students will style text with some of the text formatting properties

Text-Formatting
18:36

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
Lists
15:23

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

Styling-Links
06:05

Students will be able style and create attractive tables

Tables
12:18

Students will create a beautiful Box with CSS(3)

Box Modal
12:16

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

Display
12:24

Students will set positions for elements after finish this lecture

Positions
19:19

The Float property specifies whether or not an element should float

Float
06:53

Students will align elements horizontally or vertically

Align
08:30

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

Pseudo-Element
06:33

Students can create vertical menu for web page

Vertical Navigation-Bar
13:16

Students can create horizontal menu for web page

Horizontal Navigation-Bar
11:51

Create a hoverable dropdown with CSS.

DropDown Box
13:25

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

Tool-Tip
14:17

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

Forms
15:56

The opacity property specifies the opacity/transparency of an element

Opacity
04:46

CSS can be used to create an image gallery

Image Gallery
09:36
Quiz 4
10 questions
Introduction
00:52
+ CSS3 2D Transforms
7 lectures 29:28
Translate() Method
03:58
Rotate() Method
04:47
Scale() Method
04:59
SkewX() Method
03:33
SkewY() Method
02:01
Skew() Method
03:34
Matrix() Method
06:36
+ CSS3 3D Transforms
3 lectures 07:49
RotateX() Method
03:59
RotateY() Method
02:03
RotateZ() Method
01:47
+ CSS3 Transitions
4 lectures 16:08
CSS3 Transition
03:56
Transition and Transformation
02:17
Speed Curve
08:01
Delay Transition
01:54
+ CSS3 Animations
4 lectures 28:51
Keyframes Rule
05:39
Delay Animation
08:17
Specify the Speed Curve of the Animation
06:54
Animation Shorthand Property
08:01
Requirements
  • 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
Description

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