30+ Web Projects with HTML, CSS, and JavaScript

Description

We will build together more than 30 different and creative web projects with three core technologies-HTML, CSS, and JavaScript. If you have some basic knowledge of these technologies and still have some trouble creating your own web projects, or if you want to level up your developer and designer skills, then you have come to the right place. We will build more than 30 different web projects and they will be full of modern, nice, and beautiful effects and designs. We will start with simple projects, and we will go through some advanced ones as well. Using this course, you can get the inspiration that will help you enhance your projects and customize your portfolio. Mastering just these core technologies of front-end web development, you can create awesome and modern themes and simply get hired. Also, you will have enough knowledge to move on and learn other technologies such as some front-end frameworks and libraries, which nowadays are popular and highly demanded. By the end of the course, you will master front-end web development and gain the confidence to apply modern and creative effects and designs in your future projects. All resources and code files are placed here: https://github.com/PacktPublishing/30-Web-Projects-with-HTML-CSS-and-JavaScript

What You Will Learn

Explore modern HTML5, CSS3, and JavaScript features
Learn advanced CSS and JavaScript techniques
Learn to implement CSS3 animations, transforms, and transitions
Learn how to create modern web design templates
Explore modern techniques and tricks of creating a modern web design
Learn about CSS grids and CSS keyframes

Audience

This course is for students who have some basic knowledge in HTML, CSS, and JS and want to build the portfolio website; for those who want to practice three core technologies-HTML, CSS, and JavaScript. It can be taken by those who have basic knowledge of front-end web development and want to develop their web designing skills.

Approach

With the help of 30+ interesting projects, make yourselves confident about building a modern webpage with new tricks and techniques.

Key Features

Understand how to build a modern webpage with the latest effects and techniques * 30 different projects to help you master the technologies of HTML, CSS, and a little bit of JavaScript * Understand how to create an animated landing page to make your webpage look more appealing

Github Repo

https://github.com/PacktPublishing/30-Web-Projects-with-HTML-CSS-and-JavaScript

About the Author

George Lomidze

George Lomidze is a full-stack web developer/designer, co-founder at 'Code and Create', and an author of several best-selling courses on Udemy. He is excited that he has a chance to help people learn one of the most interesting and hottest fields in the world. He specializes in the following technologies: HTML, CSS, SASS, Bootstrap, JavaScript, React, React Native, NodeJS, MongoDB, Express, and many more. He is looking forward to seeing you follow his courses and helping you become a professional web developer. He is also the founder of MicroGrinder Poker School, an online poker school dedicated to micro stakes poker players, where he provides a wide array of free and low-cost poker resources and poker training, including poker strategy articles and poker training videos series. He is also the Amazon #1 best-selling author of Essential Poker Math, Expanded Edition.

Course Outline

1. Welcome

2. Project 1 - 3D Forms

3. Project 2 - House

4. Project 3 - Search Bar

5. Project 4 - Clock

6. Project 5 - Navbar

7. Project 6 - Website Loaders

8. Project 7 - Ripple Button

9. Project 8 - Circle Progress Bar

10. Project 9 - Social Media Icons Slideshow

11. Project 10 - Forms with Validation

12. Project 11 - Calendar

13. Project 12 - Countdown

14. Project 13 - Profile Card

15. Project 14 - CSS Grid Menu

16. Project 15 - CSS Navigation Menu

17. Project 16 - Dropdown Menu

18. Project 17 - Navigation

19. Project 18 - Rounded Navigation

20. Project 19 - Sidebar Menu

21. Project 20 - Hamburger Menu

22. Project 21 - Creative Button

23. Project 22 - Slideshow

24. Project 23 - Custom CSS Radio Button

25. Project 24 - Business Card

26. Project 25 - 3D Card

27. Project 26 - Custom CSS Checkbox

28. Project 27 - Hamburger Menu

29. Project 28 - Pricing Cards

30. Project 29 - CSS Toggle Button

31. Project 30 - CSS Grid Gallery

32. Project 31 - Landing Page with Modal Forms

33. Project 32 - Animated Landing Page

34. Project 33 - 3D Button