Beginning and Resources
Languages and Native API
HTML Markup
Official specification 🧙♂️
Basics
Best practices 👍
Creating headings recommendations also it's recommended to use 
hgroup
CSS Styles
Official specification 🧙♂️
Basics
Flexbox
Grid
Best practices 👍
Web Fonts
Typography 🗛
Basics
Variable fonts
JavaScript
Basics
Best practices 👍
Backend
Platform
Servers
CMS
Tools and Testing
Software
Basics
💡 Install all browsers available on your OS (Chrome, Firefox, Safari). Also on smartphone/tablet if you have one.
Code Editors
Templates
Tools
Essentials ✔️
- Online Code Validation (can check both html and css)
- Browsers features support
Online code editors
Other
💡 To pick a color google "color picker".
Testing and debugging
Devtools
Online tests
Testing on different devices
💡 You can also google installing MacOS on virtual machine if you don't have a mac
Accessibility
Theory
Practice
Safety
Performance
Architecture and Build
Git Version Control
Basics
QnA
BEM Methodology
Basics
QnA (auto translated)
Build
Basics
Package managers
-
npm (comes withNode.js) and
npm docs
-
RubyGems for Jekyll and
rubygems docs
CLI's
Automation 🤖
Linters ☑️
Keep Up
News, articles and digests
Feeds and subscriptions
News and digests
Articles
💡 You can also google "frontend news" for more sources
Video
Find answers and ask questions
You can often get to these sites by googling a task:
- Stackoverflow
- Thematic subreddits
Other
Planning your work
SEO
Design
Other
💡 You can often find other useful materials on all the links on the sites. Don't be lazy to study them!
NOT recommended
Questionable quality
- w3schools.com
- geeksforgeeks.com
- SEO-sites
- Not specialized sites
With caution
- Corporate blogs (some are good, some are not)
- Wikipedia (only technical non controversial topics)
- opinions on reddit
💡 Be critical of any information