Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.
Mình xin phép share cho mọi người trong nhóm một số toolbox và resources học Front End mà mình sưu tầm và lưu lại:
-
LEARNING:
-
HTML reference: https://htmlreference.io/
-
CSS reference: https://cssreference.io/
-
Web Design In 4 mins: https://jgthms.com/web-design-in-4-minutes/
-
FreeCodeCamp: https://www.freecodecamp.org/learn
-
Flex Box tutorial: https://scrimba.com/learn/flexbox
-
Full Stack JS Free course: https://www.theodinproject.com/paths/full-stack-javascript
-
Learn to code by building project: https://enlight.nyc/
2. Icon:
-
iconoir: https://iconoir.com/
-
heroicons: https://heroicons.com/
-
feathericons: https://feathericons.com/
-
phosphoricons: https://phosphoricons.com/
3. Illustrations
-
illlustrations(open source kit): https://illlustrations.co/
-
free illlustrations: https://freeillustrations.xyz/
-
stubborn (free illlustrations generator): https://stubborn.fun/
-
unDraw(free): https://undraw.co/
-
300 + free design resource: https://interfacer.xyz/
4. UI/UX:
-
Law of UI/UX(best practice): https://lawsofux.com/
-
glassmorphism(CSS generator): https://glassmorphism.com/
-
Lottie(tạo animation cho web, apps): https://lottiefiles.com/
-
CSS Grid generator: https://cssgrid-generator.netlify.app/
-
Layout components tailwind CSS: https://wickedblocks.dev/
-
Wireframe: https://uiprint.co/
-
Design Principle: https://principles.design/
5. Color:
-
FLAT UI: https://www.akshay.rocks/resources
-
color hunt(color partern): https://colorhunt.co/
6. Youtube Channel:
-
The NET Ninja: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
-
Programming With Mosh: https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA
-
Traversy Media: https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA
-
Web Dev Simplified: https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw
-
DesignCourse: https://www.youtube.com/user/DesignCourse
7. Một số video tutorial các bạn nên học:
-
tạo Movie APP: : https://www.freecodecamp.org/…/how-to-build-a-movie…/
-
Tạo ứng dụng chat với VUE: https://www.sitepoint.com/pusher-vue-real-time-chat-app/
-
tạo weather app:https://medium.com/…/build-a-real-world-beautiful-web…
-
Tạo todo app: https://www.youtube.com/watch?v=MQmTK3-CVXw…
-
Tạo shopping cart: https://snipcart.com/blog/next-js-ecommerce-tutorial
Đây là những resources 90% là free do mình sưu tầm và lưu lại, hy vọng giúp đỡ các bạn trong quá trình học Front End!!!
Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.