in0vik / Awesome-Frontend-Materials Public

Notifications You must be signed in to change notification settings
Fork 45
Star 51

🐝 Curated collection of resources and tutorials for beginners and advanced web developers.

51 stars 45 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
README.md		README.md

Repository files navigation

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
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
Coding Fantasy https://codingfantasy.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 Tools https://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 Playbook https://uiplaybook.dev/
Component Gallery https://component.gallery/

🤯 Inspiration

About

🐝 Curated collection of resources and tutorials for beginners and advanced web developers.

react javascript front-end

Report repository

Releases

No releases published

Packages

No packages published