Learn HTML and CSS by Examples
4.4 (37 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.
3,036 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn HTML and CSS by Examples to your Wishlist.

Add to Wishlist

Learn HTML and CSS by Examples

Take a look behind the curtains of web technologies
4.4 (37 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.
3,036 students enrolled
Created by Jan Zavrel
Last updated 8/2017
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • The basics of HTML and CSS
  • How to use GitHub Pages
  • How to use Formspree for creating free email forms
  • How to create a responsive design using viewport and media queries
  • How to create navigation links with unordered lists
  • How to work with color transparency
  • How to properly position elements
  • How to use gradients in CSS
  • How to use third-party fonts on your website
View Curriculum
Requirements
  • You should be curious to learn new things, the rest is my responsibility as a teacher
Description

Complete three projects to understand what is HTML and CSS and how it works.

Project1: Create your own digital business card

In the first project, I will explain the basics of HTML and CSS, I will show you how you can publish your final work for free on GitHub Pages so it's accessible by anyone.

I will walk you through the whole process of creating your first HTML file and explain how to set up email form using a free web service called Formspree.

I will also explain how to make your digital business card responsive so it will look great even on mobile devices.

Project 2: Create a responsive blog header

In this project, we will built upon the knowledge from the first project and cover these topics:

  • How to use HTML header
  • How to create navigation links properly with unordered lists
  • How to use external CSS files
  • How to style the header
  • How to style navigation links and hide bullet points
  • How to create a responsive design using viewport and media queries
  • How to work with color transparency
  • How to use Javascript and jQuery


Project 3: Create a digital restaurant menu!

  • How to use DIVs and background images
  • How to properly position elements
  • What is the difference between block and inline elements
  • How to use gradients in CSS
  • How to use third-party fonts on your web page
  • How to create a responsive design using viewport and media queries
  • How to use Javascript and jQuery
Who is the target audience?
  • Anyone who wants to learn how to create HTML pages
Students Who Viewed This Course Also Viewed
Curriculum For This Course
21 Lectures
02:48:50
+
Project 1: Create your own digital business card
8 Lectures 43:55



HTML on mobile screen
03:01

Let's write some code!
03:50

Working with CSS
05:00

Images & form styling
10:27

GitHub Pages & Formspree
08:30
+
Project 2: Create a responsive blog header
6 Lectures 53:30
Header HTML
07:50

Header CSS Part I.
10:20

Header CSS Part II.
08:46

Responsive design
07:34

Advanced colors
07:51

Javascript
11:09
+
Project 3: Create a digital restaurant menu
7 Lectures 01:11:25
DIVs & background images
17:57

Positioning elements
09:09

Block versus inline elements
05:32

Gradients
05:52

Fonts
06:38

Responsive design
09:55

jQuery
16:22
About the Instructor
Jan Zavrel
4.5 Average rating
275 Reviews
10,106 Students
9 Courses
iOS & Web Developer, Author, Teacher, Lifelong Learner

Hi, my name is Jan. I am Evernote Certified Consultant and the founder of THE SYSTEM2. I run online consulting business at ZAVREL CONSULTING where I explain my methodology for a life of happiness and fulfillment which I call THE FULL CIRCLE

I started my IT career as a Pascal programming language student in 1994. Later I discovered the potential of the web and co-founded WEBXP company, where I created websites and web applications for local businesses. 

In 2000, I started working for a German-based company Caatoosee, where I was the part of a team creating the top of the line web shop for than famous Breuninger Mode & Beauty online kaufen.At that time I also started my very own LAMP (Linux, Apache, MySQL, PHP) project and designed, developed and published one of the first so-called discussion servers, that were very popular in my country years before the Facebook became the worldwide success. After 16 years, I am working on its comeback!

In 2008, when iPhone SDK was introduced, I moved to mobile apps world and soon published my first verb dictionary for iPhone which you can still find on the App Store. 

In 2015, I founded BOHEMIAPPS which evolved from simple iPhone app project to creativity platform focused on iOS and web development. 

In 2016, I decided to push my mission even further with SMART PROFIT SCHOOL. I believe that everyone can teach and SMART PROFIT SCHOOL is about helping newcomers start their own online teaching career. I also published my first book in 2016, THE DIGITAL INSTRUCTOR

In 2017 I focused primarily on productivity, became Evernote Certified Consultant, and published my second book, THE SYSTEM2.