mrezasafari / awesomefrontend

Curated list of awesome videos, courses, tips and tricks, resources, and articles in frontend development world.

Awesome Frontend

Curated list of awesome videos, courses, tips and tricks, resources, and articles in frontend development world.

Rating

Stars is meant to show you how complicated something is and you can determine that you can watch it or not.

the ratings are:

🌟 Beginner

🌟🌟 Junior

🌟🌟🌟 Mid-Level

🌟🌟🌟🌟 Senior

🌟🌟🌟🌟🌟 God-Tier

📑 Table of Contents

• General
• HTML
• CSS
• Javascript
• Typescript
• Algorithm and Data Structures
• React.js
• React Native
• Vue.js
• Angular
• Redux & React-Redux
• Next.js
• Micro Frontend
• Testing
• TailwindCSS
• Full Projects

🎉 Contributors

This projects exist because of our beloved contributors

💎 How to contribute

All contribtutions/ideas/suggestions are welcome.

Open pull request with improvements

Discuss ideas in issues

Spread the word

Reach out with any feedback

🎓 License

awesomefrontend's Issues

Organize Page Tree

It is better to prioritize each topic based on level.
for example, this page is not organized.
https://github.com/MRezaSafari/AwesomeFrontend/blob/main/topics/javascript.md

I suggest sorting it from beginner to advance. If you agree, I can help with sorting.

Request for separation by topic

I think if the links of each technology are placed in different files, it will add more accessibility and readability

If you wish, I can send you my offer under a PR

Missing powerful front-end repositories

So far, I have seen things that were really interesting and enjoyable, but there is a need for other front-end repositories to develop both professional and simple projects.
For example CWA is an organization which made a lot of good work in github.
https://github.com/corona-warn-app/cwa-website

new learn vue js

https://downloadly.ir/elearning/video-tutorials/udemy-nuxt-js-vue-js-on-steroids/
https://www.youtube.com/c/LeelaWebDev/playlists
https://www.youtube.com/watch?v=ccsz9FRy-nk&list=PLC3y8-rFHvwgeQIfSDtEGVvvSEPDkL_1f
https://downloadly.ir/elearning/video-tutorials/the-complete-javascript-course-7/
https://downloadly.ir/elearning/video-tutorials/advanced-css-and-sass-3/
https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa
https://www.youtube.com/watch?v=YrxBCBibVo0&list=PL4cUxeGkcC9hYYGbV60Vq3IXYNfDk8At1
https://www.youtube.com/watch?v=JfI5PISLr9w&list=PL4cUxeGkcC9gCtAuEdXTjNVE5bbMFo5OD
https://downloadly.ir/elearning/video-tutorials/modern-javascript-from-novice-to-ninja/
https://www.youtube.com/watch?v=M955GrNXPG0&list=PL4cUxeGkcC9jveNu1TI0P62Dn9Me1j9tG
https://www.youtube.com/watch?v=RIApQjn9fvw&list=PL4cUxeGkcC9ghm7-iTfS9n468Kp7l9Ipu
https://flexboxfroggy.com/
https://cssgridgarden.com/
https://codingfantasy.com/games/css-grid-attack
http://www.flexboxdefense.com/
https://flukeout.github.io/
https://codepen.io/una/pen/NxZaNr
https://codepen.io/alvaromontoro/pen/BexWOw
https://mastery.games/flexboxzombies/
https://gridcritters.com/
https://cssbattle.dev/
https://www.youtube.com/watch?v=Dc_5BpIB4X4&list=PL55RiY5tL51pk1RvaQOxI6sJ-yZzExzJn
https://www.youtube.com/watch?v=FXY1UyQfSFw&list=PL55RiY5tL51qxUbODJG9cgrsVd7ZHbPrt
https://www.youtube.com/c/MakeAppswithDanny/playlists
https://www.youtube.com/c/ProgramWithErik/playlists
https://github.com/vuejs/awesome-vue
https://vueschool.io/lessons/vue-3-component-template
https://vueschool.io/lessons/vuex-modules
https://vueschool.io/lessons/nuxtjs-page-components
مرجعی از همه آموزش های ویو جی کلا دراین سایت است
https://vueschool.io/
https://www.vuemastery.com/