Build Real World Websites from Scratch using HTML5 and CSS3
4.7 (90 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9,402 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build Real World Websites from Scratch using HTML5 and CSS3 to your Wishlist.

Add to Wishlist

Build Real World Websites from Scratch using HTML5 and CSS3

Learn HTML5 and CSS3 from Scratch. Learn both the basics and advanced concepts & confidently build real life projects
4.7 (90 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9,402 students enrolled
Last updated 1/2016
English
Current price: $10 Original price: $195 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Acquire precious Web Development Skills
Master HTML5 and CSS3 to an advanced level
Build Real World Websites to a highly professional degree
Confidently design, code, validate and launch Websites Online
Build a real Mathematics Tutorial Website using the skills you would have learnt
View Curriculum
Requirements
  • I will teach you everything. All you need is a computer (Windows, OSX or Linux)
  • No Coding or design experience required
Description

**** Free Web Hosting Offered for your peace of Mind****

**** Learn Step by Step with NO Step Skipped****

Are you looking for a Step by Step course that will take you from a complete beginner to mastering HTML5 and CSS3 and building stunning websites from scratch?

Are you looking for a course that will teach you Step by Step how to design, code and publish a Real World Website?

Are you looking for an engaging course, that makes your learning experience fun and exciting while you are acquiring precious skills that will prepare you to becoming one of the most sought after professionals in the web development market?

If you answer yes to any of the questions above, then you have come to the right place.

This course is the “Golden Introduction to Web Development “, where you will learn HTML5 and CSS3 using a practical approach: learning by doing.

First of all, you are going to understand the structure of a webpage. Then you will setup your Free Web Hosting which comes as a bonus with this course. After that, you will move to HTML5 and learn the components that build up the skeleton of a webpage; you will cover various concepts to a detailed level: Paragraph, links, forms, iframes, etc. Then, you will move to CSS3 and learn how to add professional decoration and styling to your websites, you will also get introduced to advanced skills like CSS3 transitions and animations.

At the end of the course, you will use your Web Development Skills to build a Mathematics Tutorials Website to a highly professional degree. You will design it, code it, validate it, and ultimately launch it online and share it with the whole world.

So is this course for you? This course is perfect for anyone with no coding experience, or who knows some HTML and CSS but would like to learn advanced concepts and confidently build full websites from scratch.

Start learning today by clicking the “Start learning Now” button.

I hope to see you in the course!

Who is the target audience?
  • This course is for people with no development knowledge or experience
  • This course is also for people with some knowledge about HTML & CSS but wanting to learn new advanced skills and enrich their portfolio with Full Professional Projects
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 59 Lectures Collapse All 59 Lectures 07:19:10
+
Introduction - Get your free Web Hosting - HTML
21 Lectures 01:54:06

Welcome to The Complete Web Development Course, the most comprehensive web development course on the internet. Throughout the course, we will have fun together learning Web Development Technologies. You will confidently go from Zero-skills to a Professional cash Earning Web developer. In this video I will give you an overview of the different chapters of the course. I will list the skills you will learn and I will introduce you to the powerful websites and applications you will share with the world at the end of each section.

Preview 01:54

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

HTML Chapter: Roadmap and Full Source Code
21 pages

This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website.

Preview 09:23

In this lecture, you will build your very first website.

Your first website
05:40

In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world.

Get your free web hosting
06:16

In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop.

Set up FireFTP
08:28

In this lecture, you will learn the syntax of HTML headings and add different headings to your website.

Headings
04:55

In this lecture, you will learn the syntax of HTML paragraphs, you will create your first paragraph. You will then create your second paragraph and add a line break inside it.

Paragraphs
02:31

In this lecture, you will add links to your website. This session will cover different types of links, links taking you to an external website, links taking you to a file in the same server you are working in and links taking you to a certain HTML element in your website itself.

Links
07:49

In this video, you will add images to your website. This section will cover images located in your server as well as external images living in other servers. Also you will add basic styling to pictures using basic attributes like the width and height.

Images
04:40

In this lecture, you will understand the difference in behaviour between the main two types of HTML elements: Inline Elements and Block Elements

Inline vs Block Elements
05:53

In this lecture, you will embed external websites inside your website using Iframes, also you will add a nice relaxing YouTube video to your website.

Iframes - Activity: Embed a nice relaxing YouTube video to your website
05:41

In this lecture, you will create your first unordered list, and also add a nice sub-list inside your unordered list.

Unordered Lists
03:02

In this lecture, you will create a few types of ordered lists

Ordered Lists
02:09

In this lecture, you will create a description/definition list defining two main Web Technologies in this course: HTML and CSS.

Description Lists
02:19

In this lecture, you will create a simple HTML table consisting of three columns: Name, Company and Data of Birth, then you will populate it using details of famous people like Mark Zuckerberg or Steve Jobs.

Tables
03:54

In this lecture, you will create HTML entities like the copyright symbol or the less than sign.

Entities
05:07

In this lecture, you will create a simple login form using HTML text inputs and password inputs. You will add labels inside your form. And you will add a Login button to submit you form. I will briefly mention the different types of forms (get and post) that we will cover later in the PHP chapter.

Forms (1) - Activity: Create a simple Login Form
08:02

In this lecture, you will create a nice Marketplace Checkout Form, it will consist of fields like the customer address, their preferred shipping method, payment method, etc. You will use new input types like checkboxes and radio buttons which I will explain in detail.

Forms (2) - Activity: Create a Marketplace Checkout Form
20:00

In this lecture, you will style text using basic HTML tags. (Advanced styling using CSS will be covered in the next chapter).

Text Decoration
03:58

In this lecture, you will add comments to HTML code to make your code more readable.

Comments
02:25

HTML Quiz
5 questions
+
CSS
29 Lectures 02:15:07

In this lecture you will get introduced to CSS (Cascading Style Sheets) which you will use later to style and decorate your websites.

Introduction
01:11

Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster.

CSS Chapter: Roadmap and Full Source Code
60 pages

In this lecture, you will learn how to style HTML elements using inline styling, which uses the style attribute that goes inside the element tag. In the first example you will set the font-size and color of a paragraph.

Inline CSS
02:25

In this lecture, you will learn how to style HTML elements using internal CSS which goes inside the head section of the website. You will learn how to select elements you would like to style and add styling to them.

Internal CSS
02:26

In this lecture, you will learn how to use external CSS to styling HTML elements. You will style your website this time using and external file that you will link to your website using the link element inside the head of your website.

External CSS
02:33

In this lecture, you will get introduced to the class and id concepts, which you will use to style different HTML elements with minimal code.

Classes and IDs
02:44

In this lecture, you will get introduced to the Div and Span concepts and use them to add styling to your website.

Div and Span
07:25

In this lecture, you will get introduced to the box model, which you will use in the next few lectures to add padding, borders and margins to HTML elements.

Box Model
02:56

In this lecture, you will learn the padding concept and its syntax. You will add padding to div elements in your page.

Box Model Padding
04:25

In this lecture, you will learn the border concept and its syntax. You will add borders to div elements in your page.

Box Model: Border
05:49

In this lecture, you will learn the outline concept and its syntax. You will add outlines to div elements in your page.

Box Model: Outline
01:52

In this lecture, you will learn the margin concept and its syntax. You will add margins to div elements in your page.

Box Model: Margin
02:27

In this lecture, you will get introduced to the background CSS properties and use them to style HTML elements using background images.

Background
07:48

In this lecture, you will use the CSS float property to control how HTML elements float on a webpage.

Floating
04:37

In this lecture, you will learn different types of CSS positioning: fixed, relative and absolute positioning. You will use them to position HTML elements on your webpage. You will also use the z-index property to decide which element show on top of the other if two HTML elements overlap.

Positioning
06:21

In this lecture, you will learn how to use the CSS properties: display and visibility to hide or show HTML elements. You will also learn the difference between these two properties.

Display
03:00

In this lecture, you will use how to use CSS properties (text-decoration, font-weight, etc.) to decorate text, i.e. underlining text, make text bold, adding text shadow, etc.

Text Decoration
05:00

In this lecture, you will learn how to use CSS properties to align text just like you would do on a text editor like Microsoft word.

Text Align
01:58

In this lecture, you will learn how to set text font family. You will also learn the difference between generic and specific families.

Text Font
03:50

In this lecture, you will use CSS properties to control the behaviour of text overflowing of an HTML element by breaking it, wrapping it or hiding it.

Text Effects
07:53

In this lecture, you will use image sprites to use only a part of an image in your webpage rather than the full picture.

Image Sprites
05:30

In this lecture, you will learn how to add opacity to HTML pictures and control how transparent they are.

Image Opacity
02:56

In this lecture, you will style two lists of European capitals using the CSS list properties.

Styling Lists
07:42

In this lecture, you will style HTML links in different states: standard, active, visited.

Styling Links
07:08

In this lecture, you will style a div using gradients

Gradients
10:06

In this lecture, you will apply 2D transforms to an HTML div: rotation, translation, skewing

2D Transforms
06:22

In this lecture, you will apply 3D transforms to an HTML div: 3D rotation

3D Transforms
04:53

In this lecture, you will add nice transitions to HTML elements: you will make them change their dimensions and apply 2D or 3D transforms for a specific duration.

Transitions
04:53

In this lecture, you will create nice animations on your webpage using the CSS animation property. We will animate a div by moving it following a nice rectangular route and changing its colour on the way.

Animations
08:57

CSS Quiz
5 questions
+
Professional Project: Mathematics Tutorials Website (HTML & CSS)
9 Lectures 01:40:57

In this lecture, you will get introduced to the awesome features of the Website you are about to build.

Introduction
02:23

In this lecture, you will build the header section of your website using HTML and style using CSS.

Header (1)
17:46

In this lecture, you will build the header section of your website using HTML and style using CSS.

Header (2)
16:42

In this lecture, you will create the website menu and decorate it.

Menu
18:22

In this lecture, you will create the introduction box and style it.

Introduction Box
07:03

In this lecture, you will add sidebars and fill them with lists and use CSS to style them.

Sidebars (1)
19:46

In this lecture, you will add sidebars and fill them with lists and use CSS to style them.

Sidebars (2)
08:38

In this lecture, you will add a footer to your website and finish the project by checking your website's XHTML compliance online.

Footer & Congratulations
10:17

Mathematics Tutorial Website Quiz
2 questions

This file contains the full source code of the project.

Maths Website Source Code
8 pages
About the Instructor
Development Island (UK)
4.6 Average rating
978 Reviews
14,750 Students
2 Courses
Best Technology Courses on the internet

Hi, I'm Issam. I am the founder and director of Development Island based in Bedford, United Kindgom, specialised in providing the best Technology Courses on the internet.

I have two Master Degrees in Engineering and Management from Cranfield University (UK) and Ecole Centrale Paris. I worked for many world class companies in the past including Amadeus, Ford and Airbus in different roles including: Web Development, Consulting, Simulation and Teaching. I have a solid and successful track record of Teaching Mathematics and Web Development.

I LOVE TEACHING. That's why I spent thousands of hours to bring you "THE COMPLETE WEB DEVELOPER COURSE": The most comprehensive web development course on the market. It encompasses everything you need to start a brilliant career in Web Development. I will teach you over 10 Web/Mobile Technologies from scratch. You will also build a portfolio of 15 Real Professional Websites, Games and Mobile Apps and get ready to take the Best Web Development Jobs in the Market.

Web Developers earn 55,542$ on average and up to 85,605$ annually.

(source: Payscale, USA. January 2016)