README.md

Awesome Front-End Links

С любовью ❤️ собранная коллекция ресурсов и учебников для начинающих и продолжающих веб разработчиков.
Если ты знаешь чего не хватает, присылай PR 🐝

Curated collection of resources and tutorials for beginners and advanced web developers. If you know what is missing here please create PR.

💡 Learn

• Roadmap https://roadmap.sh/
• Матрица компетентности https://t.ly/Z742
• Дока https://doka.guide/
• Learn.JavaScript.ru https://learn.javascript.ru/
• Javascript & Git Gif Driven Explainers https://dev.to/lydiahallie
• JavaScript30 https://javascript30.com/
• freeCodeCamp https://www.freecodecamp.org/learn
• Codewars https://www.codewars.com/dashboard
• MDN Web Docs https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide
• ECMA-262 https://tc39.es/ecma262/
• w3schools https://www.w3schools.com/
• w3docs https://www.w3docs.com/
• HTML & CSS tutorial https://marksheet.io/
• HTML & CSS Express tutorial https://www.internetingishard.com/
• Flexbox tutorial https://scrimba.com/learn/flexbox
• Gitbook learn js https://gitbook.gitbook.io/learn-javascript/
• CSS Protips https://github.com/AllThingsSmitty/css-protips
• DevDocs https://devdocs.io/
• Webref.ru https://webref.ru/
• The Odin Project https://www.theodinproject.com/
• Enlight NY https://enlight.nyc/
• EggHead - Free lessons https://egghead.io/q
• Kirupa https://www.kirupa.com/
• digitalOcean tutorials https://www.digitalocean.com/community/tutorials
• 33 Javascript Concepts https://github.com/leonardomso/33-js-concepts
• Code Basics https://ru.code-basics.com/#courses
• Project Based Learning https://github.com/tuvtran/project-based-learning
• Vanilla js projects https://github.com/bradtraversy/vanillawebprojects
• Book ‘You Don’t know Javascript’ RU https://github.com/azat-io/you-dont-know-js-ru
• Google web.dev learn https://web.dev/learn/
• Степик https://stepik.org/
• HTML Academy
  • Тренажеры https://htmlacademy.ru/courses
  • Блог https://htmlacademy.ru/blog/
• Coursera https://www.coursera.org/
• JS in 14 mins https://jgthms.com/javascript-in-14-minutes/
• JSbeginners https://jsbeginners.com/
• JavaScript Algoritms https://github.com/trekhleb/javascript-algorithms/blob/master/README.ru-RU.md
• The Algoritms https://the-algorithms.com/language/javascript
• Microsoft web dev for beginners https://github.com/microsoft/Web-Dev-For-Beginners
• JetBrains Academy https://hyperskill.org/
• Front End Guide https://github.com/grab/front-end-guide
• TypeScript docs https://www.typescriptlang.org/
• Руководство по TypeScript https://metanit.com/web/typescript/
• Sass docs https://sass-scss.ru/guide/
• Метархия - How Programming Works https://github.com/HowProgrammingWorks/Index
• Node.js учебники
  • http://imnotgenius.com/vvedeniya-v-node-js/
  • https://metanit.com/web/nodejs/
  • https://nodeguide.ru/doc/
• Node.js Best Practices https://github.com/goldbergyoni/nodebestpractices/blob/master/README.russian.md
• React Total https://github.com/harryheman/React-Total
• React Redux Guide https://github.com/piotrwitek/react-redux-typescript-guide
• Clean Code JS https://github.com/ryanmcdermott/clean-code-javascript
• Советы по созданию проектов https://github.com/elsewhencode/project-guidelines/blob/master/README-ru.md
• Every Programmer Should Know https://github.com/mtdvio/every-programmer-should-know
• Правила полета на Git https://github.com/k88hudson/git-flight-rules/blob/master/README_ru.md
• The Git Community Book https://uleming.github.io/gitbook/
• GitHowTo https://githowto.com/ru
• FirstAidGit http://firstaidgit.ru/

🔗 Other Links

• AirBnb Style Guide https://github.com/dangkyokhoang/javascript-style-guide
• Can I Use https://caniuse.com/
• Snippets https://www.30secondsofcode.org
• Frontend Toolbox + Links https://www.akshay.rocks/resources
• Must Read for Junior https://blog.javisanchez.me/must-read-for-junior-developers
• System Design https://github.com/donnemartin/system-design-primer
• React Redux Links https://github.com/markerikson/react-redux-links
• YouMightNotneedJquery https://youmightnotneedjquery.com/
• public APIs
  • https://github.com/public-apis/public-apis
  • https://github.com/n0shake/Public-APIs
• Serverless https://serverless.css-tricks.com/
• Accessibility https://a11y.coffee/
• Tools for better thinking https://untools.co/
• Web Development Resource Lists
  • https://free-for.dev/
  • https://github.com/sindresorhus/awesome
  • https://github.com/markodenic/web-development-resources
  • https://github.com/lauragift21/awesome-learning-resources
  • https://github.com/RitikPatni/Front-End-Web-Development-Resources
  • https://github.com/PizzaPokerGuy/ultimate-coding-resources
  • https://github.com/RitikPatni/Front-End-Web-Development-Resources
  • https://github.com/dypsilon/frontend-dev-bookmarks
• musicForProgramming https://musicforprogramming.net/

🗞 News & Blogs

• CSS-tricks https://css-tricks.com/
• dev https://dev.to/
• Front-end Front https://frontendfront.com/
• habr https://habr.com/
• Sidebar https://sidebar.io/
• DevDojo https://devdojo.com/
• EchoJS https://www.echojs.com/
• Thech Blogs https://tech-blogs.dev/
• Maggie Appleton blog https://maggieappleton.com/
• Josh W Comeau https://www.joshwcomeau.com/
• LogRocket Blog https://blog.logrocket.com/
• Lee Robinson Blog https://leerob.io/blog
• DigitalOcean Community https://www.digitalocean.com/community
• freeCodeCamp news https://www.freecodecamp.org/news/tag/web-development/

🕹 Games

• FlexBoxFroggy https://flexboxfroggy.com
• FlexBoxDefense https://flexboxdefense.com
• CSSGridgarden https://cssgridgarden.com
• LearnGitBranching https://learngitbranching.js.org
• CSS-Speedrun https://css-speedrun.netlify.app/
• Flukeout https://flukeout.github.io/
• JS Quiz https://javascriptquiz.com/

🎙 Interwiew

• Front End Interview Handbook https://www.frontendinterviewhandbook.com/
• FE Interwiew Questions https://h5bp.org/Front-end-Developer-Interview-Questions/
• Javascript Questions https://github.com/lydiahallie/javascript-questions/blob/master/ru-RU/README.md
• WTF JS? https://github.com/denysdovhan/wtfjs
• Awesome Interview Questions https://github.com/DopplerHQ/awesome-interview-questions
• Tech Interview Book https://techinterviewhandbook.org/

📋 Cheat sheets, checklists, resources

• DEV-Hints https://devhints.io/
• Awesome Cheatsheets https://github.com/LeCoupa/awesome-cheatsheets
• Modern JS Cheatsheet https://github.com/mbeaudru/modern-js-cheatsheet
• Developer Cheat Sheets http://www.developer-cheatsheets.com/
• Typescript + React Cheat Sheet https://react-typescript-cheatsheet.netlify.app/
• Emmet Cheat Sheet https://docs.emmet.io/cheat-sheet/
• GRID: A simple visual cheatsheet for CSS Grid Layout https://grid.malven.co/
• FLEX: A simple visual cheatsheet for flexbox https://flexbox.malven.co/
• HTML Reference https://htmlreference.io/
• CSS Reference https://cssreference.io/
• HTML Cheat Sheet https://htmlcheatsheet.com/
• CSS Cheat Sheet https://htmlcheatsheet.com/css/
• JavaScript Cheatsheet https://ilovecoding.org/blog/js-cheatsheet
• Cheatography https://cheatography.com/
• OverAPI https://overapi.com/
• Front-End-Checklist https://github.com/thedaviddias/Front-End-Checklist
• Front-End Design Checklist https://github.com/thedaviddias/Front-End-Design-Checklist
• Front-End Perfomance Checklist https://github.com/thedaviddias/Front-End-Performance-Checklist

⚒️ Tools and extensions

• Responsively https://responsively.app/
• SmallDev Toolshttps://smalldev.tools/
• Wappalyzer https://www.wappalyzer.com/
• Builtwith https://builtwith.com/
• React Dev Tools https://github.com/facebook/react/tree/main/packages/react-devtools-extensions
• Dev extensions for Chrome https://chrome.google.com/webstore/category/ext/11-web-development

⚜️ Design

• Web Design in 4 minutes https://jgthms.com/web-design-in-4-minutes/
• Design Resources for Devs https://github.com/bradtraversy/design-resources-for-developers
• UI Playbookhttps://uiplaybook.dev/
• Component Gallery https://component.gallery/

🤯 Inspiration

• https://www.awwwards.com/
• https://www.cssdesignawards.com/
• https://usepanda.com/
• https://muz.li/
• https://httpster.net/
• https://www.siteinspire.com/
• https://bestwebsite.gallery/
• https://webframe.xyz/
• https://saaswebsites.com/
• https://cssnectar.com/
• https://land-book.com/
• https://www.lapa.ninja/
• https://onepagelove.com/
• https://commercecream.com/
• https://www.admiretheweb.com/
• https://abduzeedo.com/tags/ui-ux
• https://www.designspiration.com/
• http://www.calltoidea.com/
• https://brutalistwebsites.com/
• https://cargo.site/In-Use
• https://www.pinterest.com/
• https://www.behance.net/search/projects/?field=102&sort=appreciations&time=week
• https://dribbble.com/