Seven to Heaven - HTML5, CSS3 and jQuery Course
4.6 (158 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.
15,569 students enrolled

Seven to Heaven - HTML5, CSS3 and jQuery Course

Learn modern web design and build 7 real world websites while learning HTML5, CSS3 and JavaScript library- jQuery.
New
4.6 (158 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.
15,569 students enrolled
Created by Piximum Agency
Last updated 5/2020
English
English
Current price: $128.99 Original price: $184.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10 hours on-demand video
  • 8 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • 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
  • How to build SEVEN real-world, creative, modern and truly responsive websites using modern web technologies.
  • You will learn HTML5, CSS3 and JavaScript library- jQuery.
  • At the end of this course, You will be able to build a fully functional and optimized website which will look great on mobile & desktop devices.
  • You will learn about media queries, flexbox, cool effects like animations, scroll effects, "sticky" navigation, how to build functional contact form etc.
  • You will learn a complete web development process from start to website launch.
  • Learn web design guidelines and tips to make your website beautiful and professional.
  • How to find & optimized free images for your website.
  • Get downloadable lectures, code and design assets for all projects.
Course content
Expand all 60 lectures 10:08:15
+ Introduction
1 lecture 05:51

In this lesson, we will introduce you to the projects we will be working on during the course.

Preview 05:51
+ Environment Setup
1 lecture 06:54

In this lesson, we will prepare the software which we will use in our course. First we are going to choose and set up a text editor, and after that we are going to install a web browser.

Software preparing
06:54
+ HTML & CSS Fundamentals
2 lectures 09:17

In this lesson we will shortly present you HTML technology.

HTML Introduction
03:55

In this lesson we will shortly present you CSS technology.

CSS Introduction
05:22
+ Web Design Basics
4 lectures 27:33

In this lesson we will clarify terms Web Design and Web Development. After that, we will go shortly through actual trends in Web Design.

Preview 06:29

In this lesson we are going to show you how to choose and optimize photographs that you will be using on your projects.

Preview 04:34

This lesson is about how to choose appropriately fonts and how to adjust typography that you are going to use on your website.

Preview 07:59

In this lesson we will go shortly through color basics and colors psychology. After that, we will show you how to choose appropriate colors for your projects.

Preview 08:31
+ Project 0 - What is HTML?
1 lecture 11:24

In this zero project we will shortly introduce you with HTML and creation of a web page. We will make our first, little page.

Preview 11:24
+ Project 1 - 72Health.info
4 lectures 40:21

With this lesson we are starting our first real life website.  In this lesson we are making the header of our first website.

Before work, please, download materials- Assets project1. We will need that material for work.

Preview 15:24

In this lesson we will make about section of our Project 1 website.

Project 1 - Building About Section
08:37

This lesson is about making Show Food Section. We are continuing with HTML and CSS.

Project 1 - Building Show Food Section
11:24

In this lesson we are doing Image Section and Footer. With this we will finish our first real life website, our Project 1.

Project 1 - Building Image and Footer Section
04:56
+ Project 2 - BeautifulCities
4 lectures 48:41

With this lesson we are starting our second project. In this project we will introduce you with CSS flexbox and we will practice HTML and CSS a little. We are starting with header part.

Before work, please, download materials- Assets project2. We will need that material for work.

Preview 13:26

In this lesson we will make header image section of our Project 2 website.

Project 2 - Building Header Image Section
09:08

This lesson is about making a section with columns and icons.

Project 2 - Building 3 Column Icons Section
15:43

In this lesson we are doing simple Gallery Section. With this we will finish our second real life website, our Project 2.

Project 2 - Building Gallery Section
10:24
+ Project 3 - ModernArt
5 lectures 45:57

With this lesson we are starting our third project. As usual, we are starting with header part.

Before work, please, download materials- Assets project3. We will need that material for work

Preview 13:30

In this short lesson we will only going to add and stylize header image.

Project 3 - Building Header Image Section
01:54

In this lesson we will make 4 column section. In our columns, among others, we will stylize irregular arrow shape with css and, also, we will stylize our links.

Project 3 - Building 4 Column Artists Section
12:50

In this lesson we will show you how to simple stylize gallery.

Project 3 - Building Animated Image Section
09:02

This lesson is about Footer and Back to Top Button. With this we will finish our third website, our Project 3.

Project 3 - Building Footer and Back to Top Button
08:41
+ Project 4 - AW Design
7 lectures 01:12:41

With this lesson we are starting our fourth project. As usual, we are starting with header part.

Before work, please, download materials- Assets project4. We will need that material for work

Preview 14:10

In this lesson we will make heading section of our Project 4 website.

Project 4 - Building Heading Section
08:01

In this lesson we will make and stylize Personal Info section (About me). Among others, we will make a cool animation on image.

Project 4 - Building Personal Info Section
05:16

This lesson is about adding font awesome and  icons on our website.

Project 4 - Building Abilities Section with Icons
07:10

In this lesson we will make and stylize Gallery Section using CSS flexbox.

Project 4 - Building Gallery Section
06:12

In this lesson we will make a completely functional contact form.

Preview 12:56

In this lesson we will start to talk about responsive design. We will learn how to make a website adjusted for different kinds of devices. With this we will finish our fourth website, our Project 4.

Project 4 - CSS Media Query
18:56
+ Project 5 - PhotoBirdie
7 lectures 01:14:21

With this lesson we are starting our fifth project. In this lesson we are starting with header part and heading image with parallax scrolling effect.

Before work, please, download materials- Assets project5. We will need that material for work.

Preview 10:36

In this lesson we will make and stylize About me Section. This section consist of heading, placeholder text and images in three column.

Project 5 - Building About Section
08:07

After this lecture students will be able to make sticky navigation. In addition to sticky navigation, we will also create a portfolio gallery.

Project 5 - Building Portfolio Section
07:00

This lesson is about building a Blog Section. In it we will use a CSS float properties instead of a CSS flexbox, to see another approach.

Project 5 - Building Blog Section
05:07

This lesson is about making contact form with labels and footer.

Project 5 - Building Contact Form and Footer
11:20

In this lesson we will adjust our site to mobile devices, by using CSS Media Query. In addition, we will make and stylize a hamburger menu.

Project 5 - CSS Media Query
15:30

In this lesson we will meet with JavaScript, and we will make a functional hamburger menu and smooth scroll effect. With this we will finish our fifth website, our Project 5.

Project 5 - jQuery- HamburgerMenu SmoothScroll
16:41
Requirements
  • No coding or design experience needed.
  • A Mac or PC computer with access to the internet.
  • No paid software required - we will use free web development editor.
  • We will show you, step-by-step, how to get all the software installed and set up.
Description

Are you looking to learn how to build your own functional, responsive, and modern looking website with HTML5 and CSS3? If YES, then this is the right course for you!

To become a Web Developer you need to learn first some Web Design Guidelines, and then HTML5, CSS3, JavaScript, and jQuery. This course will exactly teach you all these skills which you can apply to real-world websites!

At the very beginning of our course, we are going to get to know you with basic technologies, which are needed for a website- HTML5 and CSS3. In the next step, we will introduce you to some basics of Web Design. We will show you how to choose the right font for web design, how to decide the right color scheme, how to choose and optimize photographs, icons, and things like that.

Right after meeting with basics, we are going to create concrete sites. Within this course, we are going to make SEVEN Completely Functional Websites, which means that we are going to make seven different projects. Thereby, we are starting from the most simple site and step by step, through projects, we will build more and more complex websites.

The first project will be the beginning project, for which you don’t need any foreknowledge from web design. In the last step, we are going to make an advanced level project. So, at the end of this course, you will be educated on how to make a whole and complete project of building a website, from design, coding to set it up online.

What do you get in this course?

  • Lifetime access to our HD quality videos. Without a monthly subscription!

  • English captions for students with hearing impairment.

  • Downloadable code and design assets for all projects.

  • Free help and support in the course Q&A, or through our Seven to Heaven Facebook group.

Take this course and we will see you inside the classroom!

Who this course is for:
  • Anyone who wants to learn about creating websites.
  • Complete beginners who want to learn how to build a modern and responsive real world websites.
  • Students who does have some experience in HTML and CSS.
  • Designers who want to learn about HTML5, CSS3, JavaScript library- jQuery and web development.