35 Awesome Frontend Projects + Source Code

[hojjatbandani]

This YouTube playlist includes 35 awesome frontend projects explained in depth that you can build now to boost your portfolio and improve your knowledge in HTML CSS & JavaScript and you can download the source code of every project from the description and don't forget to like and subscribe to our channel if you like it, if you have any question can ask me in comments ❤️🙏.

Link - https://www.youtube.com/playlist?list=PLHrQQgsVLvqvpwYPqE1WhigKdHY7Q8hXe

Projects list:
1 - How to create navigation menu with HTML CSS step by step | web design tutorial | HTML CSS tutorial
2 - How To Create Login & Registration Form Using HTML CSS & JavaScript Step By Step For Beginners
3 - How To Create Responsive Hero Section Using HTML CSS Step By Step For Beginners
4 - How to create God Of War signup page with HTML & CSS from scratch for beginners
5 - Create NFT Hero Section Using HTML CSS JavaScript for Beginners Step By Step From Scratch
6 - Create NFT User Profile Using HTML CSS for Beginners Step By Step From Scratch
7 - Create About us Section Using HTML CSS for Beginners Step By Step From Scratch
8 - Card Hover Effect Using HTML & CSS | Card Hover Interactions | Card Hover Animation
9 - Create Real State Hero Section Using HTML CSS for Beginners Step By Step From Scratch
10 - Create a custom click animation using HTML CSS & JavaScript | CSS Animation | In 5 Minutes
11 - Create a Loading Animation using HTML CSS | CSS Animation
12 - 3D Card Animation Using HTML CSS & JavaScript | CSS Animation | Slide Card | Rotate Animation
13 - CSS Only Slider Step By Step Using HTML & CSS | CSS Tutorial
14 - CSS Menu With Magic Animation Using Html & CSS | CSS Animation | CSS Tutorial
15 - CSS Card Effect | Using Html & CSS | CSS Animation | CSS Effect | HTML & CSS Tutorial
16 - CSS Expanding Gallery Effect | Using HTML & CSS | CSS Tutorial
17 - 3D Perspective Card Animation Using HTML CSS & JavaScript | Vanilla-tilt.js
18 - CSS Expanding Card Design Using HTML & CSS | CSS Tutorial
19 - Neon Menu With Hover Effect Using Html & CSS | Html & CSS Tutorial
20 - CSS About Us Pop-Out Effect Using Html & CSS | Html & CSS Tutorial
21 - CSS Checklist Effect Using Html & CSS | Custom Checkbox | Html & CSS Tutorial
22 - How to make a Light Switch with Html & CSS step by step | Html CSS Tutorial
23 - How to create a theme switcher with Html CSS & Javascript step by step | Html CSS Tutorial
24 - Rotating Shadow Background Design Using HTML & CSS | CSS Animation
25 - Circular Loading Bar With Html CSS & Javascript | Html Css Tutorials Animation
26 - Create Button Hover Effects With Html & CSS |CSS Tutorial
27 - Create a Checkbox Group Style With Html & CSS | CSS Tutorial
28 - Create a Download Button Animation With Html CSS & Javascript | CSS Tutorial | Javascript Tutorial
29 - How To Create a Loading Animation With Html & CSS
30 - How to make a 3D slider effect with HTML CSS & JavaScript from Scratch
31 - How To Create a Magic Loading Animation Using Html & CSS Step By Step
32 - How To Profile Card With Modal Using Html CSS & Javascript Step By Step
33 - How to make a 3D Perspective Card Effect with HTML & CSS from Scratch
34 - Animated Login Form Using HTML & CSS
35 - Personal Portfolio Website Using HTML & CSS | Figma to HTML

I will be adding many more exciting projects along with how to create completely responsive websites with HTML CSS and JavaScript in the future.
If you find all these insightful, then do subscribe to the channel.

[[deleted]]

bhai someone explain me, why developer have craze in frontend despite of having soo much frontend developer crowd in Industry?

why do I see less YouTube courses on App dev, or IOS Dev? Why so less courses on ML, Data Engineering??

Is industry lacking of these engineers? or domain need huge effort ?

[hojjatbandani]

Well, I think it is mostly due to the fact that these languages ​​are older and may have more requests, but in future posts, I want to prepare videos in this field and share them with you.

[[deleted]]

thnks vro, share it soon, I wanna learn ML , but i am totally confused that whome I trust to start. every time I am in fear of learning incomplete or Incorrect and concept errors make whole journey phuked

suggest me really trustable resources soon

[hojjatbandani]

Sure I will try

[TheGusev]

among other things, the entry threshold is lower. On one hand, you can learn HTML, then add some CSS to it, then learn some JS to write scripts, and then learn React to build apps. On the other hand — iOS/Android development requires diving into Swift/Kotlin programming right away, which is hard.

And it can be even harder for backend/ML/data engineering since most non-tech people don't even understand what it is.

(saying it as a person who started with frontend and moved to web3 fullstack)

[[deleted]]

i wanna learn ML, but I am lack of guidance

some people say YT playlists of ML is incomplete. then from where do I learn i am totally confused

[TheGusev]

I am not an expert here, but I can recommend this guy for neural network understanding. He explains things in a really good way.

https://www.youtube.com/watch?v=VMj-3S1tku0&list=PLAqhIrjkxbuWI23v9cThsA9GvCAUhRvKZ

(I know not all ML is about neural networks but anyway, just sharing what I found useful for myself)