This article recommends friends who have the idea to learn the front-end and are already thinking about the front-end of the web.
A lot of friends told me before that when I taught myself programming, I was always confused, a big problem needed to be solved, all kinds of books needed to be read, and characters and words needed to be memorized. I feel that it will take a lot of time, but I am worried about whether the youth meal can be eaten?
In fact, there are too few actual projects, or they have not been done by themselves. Everything is a process from 0 to 1, and from 1 to 100 is very simple
The editor has compiled a list of 30 practical projects for those who want to join the army of programmers and the front-end, with very detailed tutorials. Choose a few to study, or use your imagination to complete your own projects
There is also a complete set of self-study videos collected by the editor, and the way to obtain them is at the end of the article
Welcome everyone to load + share. For those who need to learn
Project list:
1.【HTML5 canvas tornado animation】
2. [CSS3 Tanabata confession page special effects]
3. [CSS 20 lines of code to witness the animation of colorful flowers]
4. [HTML5 knocks out an awesome snow scene]
5. [CSS3 special effects to pull curtains]
6.【HTML5 game project】
7. [League of Legends official website special effects]
8. [The formation principle of web animation - scrolling]
9. [Tmall official website must use technology - lazy loading]
10. [CSS3 cool carousel special effects]
11. [css implements click image switching]
12.【CSS3 Large Enterprise Official Website】
13 [WEB smoke fantasy special effects]
14.【Principle of Analytical Rendering-Principle of Analytical Rendering】
15.【Realize 3d cool photo album】
16. [Pure html css to create a goddess carousel]
17. [Plants vs. Zombies Web Version]:
18. [Onmyoji game character dynamic display card]:
19. [PUBG official website page production]:
20.【Canvas fountain effect】
21.【video audio effect】
22. [Ghosts and animals run, little sheep]
23.【Web Fairy Pet】
24. [RequireJS to draw]
25.【Webpage Creation Snake】
26.【Vue animation】
27.【Vue music player】
28.【React Movie Project】
29. [H5 implements a WeChat mini-game]
30.【web security technology】
End of sentence
How to get information video tutorial: