HTML5, CSS3 & JavaScript Workshop: Build 7 Creative Projects

HTML5, CSS3 & JavaScript Workshop: Build 7 Creative Projects
Learn real world web development & design skills to build up a website from scratch with 7 incredibly creative projects!
Description

Hi there, thank you so much for showing interest in my course. Below is a complete breakdown of what you’re going to learn throughout this course. Lets start the journey.

- GENERAL OVERVIEW:
This course takes a deep dive into technologies like HTML5, CSS3, JavaScript and jQuery. We’re unleashing our creativity and building a minimalistic website, while learning and following modern web development trends that you’ll be able to apply into your future projects.
If you’re a new, or aspiring web developer/designer, or if you’re just an enthusiast, this course will get your hands dirty and prepare you for developing real life projects and building websites from scratch.
If you want to build up a responsive website from scratch that features modern components, a website that includes parallax effects, sticky headers, modern responsive menus, sliders, grid systems, CSS animations and much more, you’re on the right place. Keep on reading to find out why this course might just be the perfect course for you!

- PROJECT-BASED COURSE!
This is one of the biggest project-based courses that you’ll come across on uDemy. It combines a total of 7 creative projects - each built from scratch while I’m showcasing the complete process behind building even the smallest details. I’ll take you by your hand and we’ll build everything together. Line by line. Here’s what you’ll be developing throughout the course:

- THE 7 PROJECTS:
Let me introduce you to the 7 beloved projects:

  1. Interactive animated sticky header****: Using plain and pure CSS3 and jQuery, you’re going to learn how to build a sticky, animated header that you’ll be able to use in ANY of your upcoming websites.
  2. Parallax cover page that tracks mouse movements: In this section, we’re starting with the website creation process and the first section that we’ll be building is a Parallax Cover Page that will track your mouse movements and animate accordingly!
  3. Responsive grid layout (gallery)****: Using Masonry.Js, you’ll be building the second part of our website which is a fully responsive grid system, used to showcase portfolio work or photography collages!
  4. Beating heart animation****: Using pure CSS3 and keyframes, I’ll show you how to achieve an amazing beating heart animation done in less than 10 minutes!
  5. **Responsive slider with navigation: **Using Slick Slider, we’re going to be building a fully navigable, responsive slider. We’ll also explore the customization limits of the library and how you can create your perfect slider.
  6. **_Hidden Parallax Footer: _**Add a finishing touch to our website with this pure CSS3 footer, hidden deep inside the website!
  7. Clean, modern, responsive menu: We’re continuing the website production with making the sticky header fully responsive with a truly awesome and stylish responsive menu!

- FROM 7 PROJECTS TO A FULLY FUNCTIONAL WEBSITE
We will combine these 7 projects into a fully functional, responsive, modern website that can be used as your portfolio or product showcase website. We’re also writing custom CSS media queries to make the website responsive. Also, we’re following design trends in order to make our website look modern, clean and minimalistic.

**- ASSIGNMENTS
**The 7 projects are divided into 7 sections. After completing each section (or a project), you’ll be presented with an assignment that you should complete before continuing. This is very important because you’ll see how much you’ve learned, you’ll check your knowledge and see if you can apply the skills into a real-world project.
Your task will be to create something different with the skills that you’ve learned in the past section/project. As well, every assignment will contain quizes/questions/tests to brush up your learned material.

**- BUILD YOUR WEBSITE WITH YOUR 7 PROJECTS
**Completing the assignments means that now you have projects developed by yourself. Once you finish the course, you’ll have your seven (7), very own completed projects. This means that, besides the website that we’ll be creating together, you’ll have your very own website if you combine **your **7 projects created earlier.

**- HOST THE WEBSITE ONLINE AND CHECK BROWSER COMPATIBILITY
**We are also hosting the website online on my server. We’ll put it online, then open it up with couple of web browsers to make sure its compatible. We’ll also open it up on plenty of Apple and Android devices to make sure everything is working smoothly.


5 MORE BONUSES WITH ENROLLING INTO THE COURSE:

What are you waiting for? Click the “ENROLL NOW” button and I can’t wait to see you inside!

Who this course is for:

Suggest:

HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course

HTML5 + CSS3 + Bootstrap: The Beginner Web Design Course

Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

Full responsive website design with solid HTML5 & pure CSS3

70-480 Exam: Programming in HTML5 with JavaScript and CSS3

Learn HTML5, Canvas, CSS3 and JS by Building & Playing Game