Skip to content
UdemyJavaScriptPaid courseAll LevelsCertificate

HTML5, CSS3 & JavaScript Workshop: Build 7 Creative Projects (Udemy.com)

Learn real world web development & design skills to build up a website from scratch with 7 incredibly creative projects!

Created by: Filip Kordanovski

Last updated February 2018

icon
What you will learn

  • Real-world skills to build amazing projects: everything from sticky headers and responsive menus to galleries + sliders and much more!
  • Build up a complete, responsive website from scratch combining the 7 projects throughout the course
  • Learn how to use famous JavaScript libraries to build eye-catching, elegant website features
  • Incorporate real-world web development skills with your creative mind to create stunning websites and website components
  • Get introduced to modern, clean web design trends and apply them into your projects
  • Learn to create beautiful, interactive animations, responsive sliders/galleries and amazing parallax effects
  • Access to this extensive Web Development workshop full of practical, useful and in-demand content
  • Build YOUR 7 completely new projects with the skills gained from the course
  • Lifetime access: 6 hours of HD video material divided into 50+ lectures in 13 sections

How it compares

Against the other 239 rated Udemy courses in JavaScript on CourseDuck:

  • Rating4.5 out of 5higher than 53% of them
  • Reviews346#133 of 240 by number of reviews
  • Length5.8 hourslonger than 51% of them
  • Last updatedFebruary 2018earlier than 86% of them

icon
Course 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:

  • GET MY E-BOOK FOR FREE: "75+ Must Use Resources for Web Developers & Designers" is a book I've written especially for my students. Its supposed to be your ultimate guide when it comes to finding web resources like stock photos and videos, mockups, PSD templates, icon packs, fonts, typography, design inspiration and much more!
  • ACCESS TO A FACEBOOK GROUP AND A STUDENT-ONLY CHATROOM: My students are granted access to a completely private Facebook group and a student-only chatroom where we discuss web design and development topics, share knowledge and help eachother with bugs and issues. You can also contact me personally there, as well.
  • MY PERSONAL FEEDBACK ON YOUR FINISHED WEBSITE: Once you've completed the course and the website you developed is ready, I will be very glad to take a look at it and give you some feedback and thoughts. Feel free to message me in the student chatroom and we'll discuss your website in detail!
  • COMPLETE SUPPORT WITH BUGS/ISSUES: I will be available 24/7 for your questions and queries regarding this course. If you're stuck, facing a problem or have a bug somewhere in your code, I'll be glad to personally inspect your code and fix the error in a timely manner. Just post a discussion in the Q&A section and I'll be there!
  • 30-DAY FULL MONEY BACK GUARANTEE: In case the course didn't meet your expectations, I'm offering full 30-day money back guarantee, no questions asked. I would, however, appreciate if you give me feedback on what would you like to be improved, so I can improve myself for my upcoming courses!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Filip Kordanovski

Filip Kordanovski is a self-taught expert product designer and E-Teaching mentor from Skopje, Macedonia. He is truly passionate about his work and he has a deep understanding of various teaching methods and techniques.
 
BACKGROUND & INTERESTS:
Filip has more than 7 years experience in the field of web development & design and has recently started teaching and publishing courses online to share his knowledge with the world.

He is the founder of Designsio©, a web design agency providing digital solutions, releasing courses and e-books.
He also created the TeacherMethod© blueprint, a unique, tailored & personalized 1-on-1 mentorship program dedicated to teach you to become an E-Learning guru and start making money on Udemy as a teacher.

STATISTICS:
A truly dedicated persona with huge enthusiasm towards teaching, always aiming to deliver affordable, high quality education and content.
With more than 13000 students and 1900+ reviews, he is one of the top-rated and best-selling instructors on the platform.
Start learning with him today and make a significant impact on your professional career.

icon
More courses by Filip Kordanovski

$11.99

$64.99

$49.99

$54.99

icon
More JavaScript courses

Free

Free

Free

$24.99

Free

$79.99

icon
Reviews

4.5

346 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Graeme Clark on 7/5/2020

This is the first course I have ever bought from Udemy and it was really freaking good! I think Filip is a very good lecturer and goes into great detail in every single line of code. Very good use of HTML, CSS & JS I highly recommend.

By Bacchus Jones on 5/19/2019

A very nice way to explain things =) I have learnt so much with this course so far. Very nice and well done and to the point. Not too fast and not too slow. The creator of this class explains things in a very precise way and in a very clear way. I love how everything is coming along and the things I've learnt. Thanks After completing: I learnt a few things with this course. The instructor does well in explaining certain things and he is very well spoken. My main problem is 1) if you try to contact him or ask questions in any platform; he is nowhere to be found. Two: there is an issue with a carousel photo that he does not address there’s also an issue with his website when you turn the phone to “landscape” mode (which he didn’t do on the ones he tried) nice project but not as neat as carefully planned.

By Alexandre de Freitas Campos Gonçalves on 1/6/2019

O curso é muito bom se você quer relembrar conceitos básicos de HTML / CSS e javascript e junto a isto construir um site muito bonito. Já sou programador a um bom tempo e não é vergonha nenhuma revisitar o básico, então se você está na duvida de comprar este curso te garanto que é um bom investimento, o professor explica bem passo a passo e te retorna um bom material pra estudar e utilizar no dia a dia.

By Walter P. Little on 11/24/2018

Fantastic course, I found Filip very easy to understand, he is a natural teacher. He provides just the right amount of detail and presents it at a good pace. I also like that because the entire course is set up around implementing a project, we get to see the progress in real-time as we go. This course will not teach you HTML, CSS, and JS comprehensively... rather, it will either show you some cool tips and techniques if you are already familiar with these technologies, or whet your appetite if you're new. Highly recommend!

By Coenraad Malan on 8/5/2018

This was my first course done on an online site. I have to say it was phenomenal. The instructor provided a lot of value in the course. It was done in a manner that was easy to understand and easy o follow. The depth of elements provided shows the instructors level of understanding and passion for the subject at hand. Well done it

By Sudesh Wong Sze Ming on 1/3/2018

Want to learn HTML, CSS & Javascript the most effective and fun way? This is the course for you. If you were a total beginner who has no idea what is HTML, CSS & JS, then you should just look out for some tutorial and learn the basics because this course assumes that you know the basics of it. Once you are done, you should just jump into this course and get your hands dirty!

By Dean Dyer on 12/10/2017

so I'v been studying front end development for a month not, with a coding bootcamp that I am attending. The class is so fast I can not keep up. I need a good teacher and to practice the act of writing code, and know what it is .... I have not found a teacher that can teach on a simple explaination level. Until Now. thank you. dean

By Rabiatul Adawiyah Mudim Haji Amran on 11/25/2017

Filip is a very passionate instructor. He tried his very best to explain the things in the lecture in a very simple and understanding manner especially to a beginner like me. To ensure students don't get confused on what is going on, he would regularly repeat what he had said. The course is very well packed with information and simple codes that can be used repetitively. The students can adjust the speed to 2x whenever the instructor is explaining and return back to 1x for doing the follow-along practical. Overall this course is a very helpful course. I personally go through the whole lectures and use the elements being taught to create my own portfolio website. Thank you Filip for an awesome journey!

By Brian Bartels on 11/24/2017

Once again, I am very impressed and I thought I knew so much from your other courses. The biggest takeaway that I had from this course was the responsive navigation menu and the responsiveness section of the website and to learn and discover two brand new packages for slick and for the masonry grid. You've helped me so much this past year in becoming a better web designer and I am looking forward to taking more of your courses in the near future. Thanks Filip.

By Edwin Chen on 11/21/2017

I've enjoyed learning building one page website where Filip breaks it down to 7 projects or sections. He introduced some interesting and cool plugins that you can incorporate to your websites. I particularly like the quizes at each end of sections to solidify my understanding of lesson taught. He goes steadily without skipping crucial details when he teaches. I have no problem understanding his speech even when I played at 2x speed. His teaching style is engaging and you can count on him to get fast response on posted questions.

Showing all 10 reviews on CourseDuck

Read all 346 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100