HTML5 And CSS3 - Build Modern Responsive Websites
4.9 (65 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.
226 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 And CSS3 - Build Modern Responsive Websites to your Wishlist.

Add to Wishlist

HTML5 And CSS3 - Build Modern Responsive Websites

Learn HTML and CSS. Build 4 Real World Projects using HTML, HTML5, CSS and CSS3. Master in Responsive Web Design.
4.9 (65 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.
226 students enrolled
Last updated 6/2017
English
English
Current price: $10 Original price: $175 Discount: 94% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • 61 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Main Concepts of HTML and HTML5
  • Main Concepts of CSS and CSS3
  • HTML and CSS Tricks, Best Modern Practices and Solutions
  • At the end of the course you will be able to build your own modern responsive websites
View Curriculum
Requirements
  • No coding experience is needed
  • Code Editor
  • Modern Web Browser
  • Enthusiasm
Description

***New Brand Course Launched In June***

***Learn one of the most popular technologies in the world***

***FULL HD (1080P) Video Lectures and CC are AVAILABLE***

***Take The Course And Join Us***

Course consists of three main parts, first part is about HTML and HTML5, where you will meet everything you need to build the markup, which means the structure of the page. Next Part is CSS and CSS3, which will allow you to design, beautify and make responsive your pages for all screen sizes.

After explaining every main concept, syntax, tricks, weird parts, best modern practices and solutions, we will build together four projects.

Starting from basic simple but nice one, which will be image gallery. It will teach you how to place the element on the page nicely and how to build the simple navigation.

Next we will build kind an intermediate project – which is called Create the best, little bit complicated than previous one, it will consist of three different pages.  

Building those projects will be the base for creating more complicated and advanced projects, like the next one, which is family dream. It represents the construction company website with multiple sections.

And building the last project which is learn with us, will allow you to reach the expert level. We use through the entire course pure HTML and CSS, not JavaScript, jQuery or any other tools. We will show you how to get sometimes the same results using those technologies without helping any programming languages.

To the end of each project we will show you how to make each of them responsive to all devices and screen resolutions, because nowadays millions of users visit the websites by small screen devices, like phones, tablets and etc. This will be very interesting and exciting.

Who is the target audience?
  • Students with zero experience
  • Anyone who has basic knowledge in HTML and CSS and wants to become expert
Students Who Viewed This Course Also Viewed
Curriculum For This Course
69 Lectures
09:15:52
+
HTML
17 Lectures 01:25:34

In this lecture you will have a brief overview of the course.

Preview 01:54

In this video you will learn how to watch videos in high resolution and also how to turn on the captions

Preview 00:58

In this lecture you will have a brief overview about what HTML is and where it comes from.

Preview 02:30

In this video you will be able to setup the tools you need to start learning HTML. You will install Google Chrome and Brackets code editor.

Preview 03:13

In this lecture you will learn about what are tags, attributes and elements in HTML.

Preview 02:20

In this lecture you will introduce a basic web page structure.

Preview 04:14

In this lecture you will learn about block - level and inline elements, also how to work with headings and paragraphs and how to format the text.

HTML Text
06:44

In this lecture we will describe 4 types of lists in HTML - 1. Unordered lists, 2. Ordered lists, 3. Nested lists, 4. Definition lists.

Group Related Information
06:34

In this lecture you will learn about how to use comments in HTML5.

Explain Your Code
02:21

In this lecture you will learn about links in HTML.

HTML Links
04:24

In this lecture you will learn about how to work with images in HTML

Add Images To Your Web Page
04:54

In this video you will learn about how to work with tables in HTML

Tables
04:00

In this lecture you will learn about how tp group text and elements using <div> and <span> tags.

Group Elements Block And Inline
03:46

In this lecture you will learn about form elements in HTML - Part 1

Form Elements - Part 1
13:18

In this lecture you will learn about form elements in HTML - Part 2

Form Elements - Part 2
09:36

In this video you learn about HTML5 semantic elements.

HTML5 Semantic Elements
10:16

In this lecture you will learn about how to upload audio and video files in HTML5

HTML5 Multimedia
04:32
+
CSS
15 Lectures 01:50:36

In this lecture you will learn about what is CSS. How to connect CSS with HTML and also how to write CSS codes.

Preview 09:20

In this lecture you will learn how to work with colors in CSS

Preview 05:14

In this lecture we will describe HTML elements as a tree structure.

Preview 02:24

In this video you will learn about absolute and relative measurement units in CSS

Preview 04:51

In this lecture you will learn about CSS selectors

Preview 09:29

In this video you learn about other CSS selectors which are called CSS pseudo classes

CSS Pseudo Classes
08:38

In this lecture you will learn about CSS box model.

CSS Box Model
09:06

In this lecture you will learn about how to format text and how to work with fonts.

CSS Text Formatting
07:10

In this lecture you will learn about how to place elements using CSS positions

CSS Positions
11:00

In this lecture you will learn about CSS overflow property

CSS Overflow
03:30

In this video you will learn about CSS floats.

CSS Floats
06:30

In this lecture you will learn about how various CSS background properties work, also you you will learn how to create cool effects using them.

CSS Backgrounds
10:20

In thus lecture you will learn about CSS 2D and 3D transformations

CSS3 Transforms
09:04

In this lecture you will learn about CSS animations

CSS3 Animations
09:06

In this lecture you will learn about CSS3 Flexbox

CSS3 Flexbox
04:54
+
Project 1 - Image Gallery
4 Lectures 40:33

The lecture is about a little overview of first project - Image Gallery

Preview 02:12

In this lecture you will create the navigation and style it.

Create And Style Navigation
11:50

In this lecture you will create and style 3 main sections of image gallery.

Create And Style Main Content
14:48

In this lecture you will make the page responsive

Preview 11:43
+
Project 2 - Create The Best
7 Lectures 01:04:26

In this video you will have a brief overview of the project.

Preview 02:01

In this lecture you will start building the homepage.

Create And Style Homepage - Part 1
12:57

Creating and styling homepage - part 2

Create And Style Homepage - Part 2
10:26

Creating and styling homepage - part 3

Create And Style Homepage - Part 3
04:03

In this lecture we will build and style the second page of our website - About Us

Create And Style - About Us
07:32

In this lecture you will build and style services page.

Create And Style - Services
14:09

In this lecture you will make the website responsive on all the devices.

Make It Responsive
13:18
+
Project 3 - Family Dream
13 Lectures 02:14:03

In this lecture you will have a brief overview of the project - Family Dream

Preview 03:33

In this video you will learn about how to create the click event using CSS

Create Click Event Using CSS
04:56

In this lecture we will start building the navigation of webpage

Build And Style Navigation - Part 1
08:21

In this video we will finish styling the navigation

Preview 18:25

In this video You will build markup of product features section

Product Features Markup
08:16

In this video we will style the product features section

Style Product Features Section
13:52

In this video we will add video and google map in HTML

Add Video And Google Map On The Page
07:09

In this video we will style the video and Google map sections

Style Video And Google Map Sections
11:28

In this video we will build and style image gallery

Build Image Gallery
09:53

In this video we will create HTML for footer section

Create Footer Section Markup
06:58

In this video we will style the footer section

Style Footer Section
13:39

In this video we will make the page responsive - part 1

Make It Responsive - Part 1
12:05

In this video we will make the web page responsive - part 2.

Make It Responsive - Part 2
15:28
+
Project 4 - Learn With Us
13 Lectures 02:00:40

In this video you will have a brief overview of the project - Learn With Us

Preview 03:00

In this video we will build the markup for navigation

Create Navigation Markup
05:16

In this video we will style the navigation

Make The Navigation Nice And Dynamic
10:11

In this lecture we will create the slideshow using HTML and CSS

Create Slideshow
11:27

In this video we will build the markup for cards section

Build Cards Section
04:51

In this video we will style the cards section

Style Cards Section
12:53

In this video we will build the developers section

Build And Style Developers Section
11:40

In this video we will create the social media icons on the right side of the page.

Create Social Media Icons And Make Them Dynamic
10:55

In this video you will build the markup for modal boxes

Create Modal Boxes Markup
10:43

In this video you will style the modal boxes

Style Modal Boxes
15:04

In this lecture you will make the page responsive - part 1

Make It Reponsive - Part 1
12:03

In this lecture you will make the page responsive - part 2

Make It Responsive - Part 2
11:29

Good Luck!

Conclusion
01:08
About the Instructor
Code And Create
4.9 Average rating
65 Reviews
226 Students
1 Course
Web and Software Development Team

'CodeAndCreate' is a web and software development company. It consists of professional web and software developers, web designers and experienced instructors. 'CodeAndCreate' creates well designed online educational courses. We are working on various projects in multiple technologies andprogramming languages such as HTML5, CSS3, JavaScript, jQuery, PHP, OOP, Python, Ruby On Rails, Java, C#, C++ and etc.

We believe that writing the codes is very important, but it is more important to understand how the code really works, so our educational lectures serve to that purpose.

Happy Learning!!!


George Lomidze
4.9 Average rating
65 Reviews
226 Students
1 Course
Web and Software Developer

The Founder Of 'CodeAndCreate'.

Lasha Nozadze
4.9 Average rating
65 Reviews
226 Students
1 Course
Web And Software developer

Founder of 'CodeAndCreate' LTD.