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 class for you!
DISCLOSURE: This post may contain affiliate links, meaning when you click the links and make a purchase, we receive a commission.
 |
| Seven to Heaven - HTML5, CSS3 and jQuery Course | 100% free skillshare course |
To become a Web Developer you need to learn first some Web Design Guidelines, and then HTML5, CSS3, JavaScript and jQuery. This class will exactly teach you all these skills which you can apply to real world websites!
At the very beginning of our class, 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 some basics of Web Design. We will show you how to choose right font for web design, how to decide 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 class, 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.
First project will be beginning project, for which you don’t need any foreknowledge from web design. In the last step, we are going to make advanced level project. So, in the end of this class, you will be educated on how to make a whole and complete project of building a website, from design, coding to setting it up online.
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 jQuery.
- At the end of this class, 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.
Who this class 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 and web development.
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.
Class content
Project 0- What is HTML?
In this Project we will make our first HTML page.
In this zero project we will shortly introduce you with HTML and creation of a web page. We will make our first, little page.
In this Project we will make our first HTML page.
In this zero project we will shortly introduce you with HTML and creation of a web page. We will make our first, little page.
Project 1- 72Health.info
At the end of this project students will be able to make simple one page website using HTML5 and CSS3.
At the end of this project students will be able to make simple one page website using HTML5 and CSS3.
Project 2 - BeautifulCities
By finishing this project students will be able to make website with heading image. Also, they will be able to make section with columns and icons, and we will show them how to make simple gallery.
By finishing this project students will be able to make website with heading image. Also, they will be able to make section with columns and icons, and we will show them how to make simple gallery.
Project 3 - ModernArt
At the end of this project, among other things, students will be able to animate images, use local fonts and create back to top button.
At the end of this project, among other things, students will be able to animate images, use local fonts and create back to top button.
Project 4 - AW Design
By finishing this project students will be able to make a completely functional contact form, to make responsive website, add custom font called font awesome and how to add some new animations.
By finishing this project students will be able to make a completely functional contact form, to make responsive website, add custom font called font awesome and how to add some new animations.
Project 5 - PhotoBirdie
In this project we will start with something new – with JavaScript. After this project students will be able to make hamburger menu, to add smooth scroll and to create a parallax scrolling effect.
In this project we will start with something new – with JavaScript. After this project students will be able to make hamburger menu, to add smooth scroll and to create a parallax scrolling effect.
Project 6 - Heaven Mountains
After this project students will be able to make background video, testimonial section, images with overlay, interestingly animated gallery and to make a contact section with Google Maps with a specific location.
Project 7 - Heaven Cars
By finishing this project students will be able to make a preloader, a favicon, add an animation, a filterable gallery, in which it is possible to open pictures from a gallery, to scroll them, and at the end close the preview.
