Learn Web Development from Top Articles of the Year (v.2018)
Between Jan~Dec 2017, we’ve compared nearly 16,000 Web Development articles to pick the Top 45.
We believe learning from web developers who have hands-on experience in the field is a great way to advance your career. This directory is designed to make your life easier as it organizes the most useful tutorials written in 2017, where experienced web developers share their lessons in building and shipping a web application.
This directory has 20 key topics:
As an article ranking service for professionals, we take “quality” very seriously and make sure each article you read is exceptionally good. This is an extremely competitive directory with only 45 articles selected out of 16,000 (0.28%). Mybridge AI is constantly evolving as it ranks articles by the total number of shares & reading time and by our own machine learning algorithm.
Hope you find this post useful!
If you’re a beginner who are just getting started, we recommend these courses below,
A) Beginner: The Web Developer Bootcamp The only course you need to learn web development [238,719 recommends, 4.7/5 stars]
A) Progressive Web App: Progressive Web Apps (PWA) — The Complete Guide: Build a Progressive Web App (PWA) that feels like an iOS & Android App. [11,929 recommends, 4.8/5 stars]
If you’re looking for..
- Open Source Web Development Tools of the Year (avg. 4,078 ⭐️): Click here
- Learn React.js from Top Articles of the Year (v.2018): Click here
(Numbers are not ordered by ranking in this post)
If you like a text version without images: Go to our Github link
<General Guide>
No 1) General Guide
Front-end Developer Handbook 2017.
Courtesy of cody lindley
.
No 2) General Guide
Roadmap to becoming a web developer in 2017
Courtesy of Kamran Ahmed
[37190 stars on Github]
No 3) General Guide
Front-End Checklist: The perfect Front-End Checklist for modern websites and meticulous developers
Courtesy of David Dias
No 4) General Guide
Our 500+ engineers all use this front end development guide
Courtesy of Yangshun Tay
.
<AWS>
No 5) AWS
The Open Guide to Amazon Web Services.
[18939 stars on Github]
.
.
No 6) AWS
The Hitchhiker’s Guide to AWS ECS and Docker
Courtesy of J Cole Morrison
.
<Docker>
No 7) Docker
Here’s How You Start Using Docker
Courtesy of Alexander Ryabtsev
.
No 8) Docker
Courtesy of Tobias Tom
.
<Security>
No 9) Security
Web Developer Security Checklist
Courtesy of Michael O'Brien
.
No 10) Security
Auth-Boss: Learn about different authentication methodologies on the web. Courtesy of teesloane
[2570 stars on Github]
No 11) Security
Bypassing Browser Security Warnings with Pseudo Password Fields
Courtesy of Troy Hunt
<Best Coding Practices>
No 12) Best Coding Practices
Design Patterns for Programmers
[19285 stars on Github]
.
No 13) Best Coding Practices
Key software engineering practices at Google [PDF]
Courtesy of Fergus Henderson at Google
<Git>
No 14) Type of Content
Git-flight-rules: A guide for programmers using git about what to do when things go wrong. Courtesy of Kate Hudson
[18989 stars on Github]
<Google Analytics>
No 15) Google Analytics
The Google Analytics Setup I Use on Every Site I Build
Courtesy of Phil Walton at Google
<HTML Email>
No 20) HTML Email
An Introduction To Building And Sending HTML Email For Web Developers
Courtesy of Lee Munroe and Smashing Magazine
<Web Assembly>
No 21) Web Assembly
An Abridged Cartoon Introduction To WebAssembly.
Courtesy of Lin Clark and Smashing Magazine
<Chrome DevTools>
No 22) Chrome DevTools
Increase your web development skill-set: 150 animated tips on Chrome DevTools
Courtesy of Umar Hansa
No 23) Chrome DevTools
DevTools: State of the Union 2017 (Google I/O ‘17)
Courtesy of Paul Irish at Google
.
No 24) Chrome DevTools
Using Chrome Developer Tools to get tickets to Taylor Swift’s next concert
Courtesy of Amy Nguyen
No 25) Chrome DevTools
Preload, Prefetch And Priorities in Chrome.
Courtesy of Addy Osmani at Google
<Case Study>
No 26) Case Study
Courtesy of Reddit
.
No 27) Case Study
I learned to code, build a web app and launch it on Product Hunt in 2 months
Courtesy of Andrey Azimov
<Performance>
No 28) Performance
The State of the Web: A guide to impactful performance improvements
Courtesy of Karolina Szczur
No 29) Performance
Courtesy of Addy Osmani
.
No 30) Performance
Web Cache — Everything you need to know
Courtesy of Kamran Ahmed
.
No 31) Performance
Speed up your site with a little machine learning
Courtesy of David Gilbertson
<Progressive Web App>
No 32) Progressive Web App
A Pinterest Progressive Web App Performance Case Study
.
.
No 33) Progressive Web App
A Beginner’s Guide to Progressive Web Apps & the Frontend Web
Courtesy of Angelos Chalaris
No 34) Progressive Web App
Production Progressive Web Apps With JavaScript Frameworks (Google I/O ‘17)
.
<Interview>
No 35) Interview
I just got a developer job at Facebook. Here’s how I prepped for my interviews.
Courtesy of Andyy Hope and freeCodeCamp
No 36) Interview
The 30-minute guide to rocking your next coding interview
Courtesy of Yangshun Tay
.
No 37) Interview
Courtesy of Jon Deng
No 38) Interview
Google Coding Interview Question and Answer #1: First Recurring Character
.
<Lesson Learned>
No 39) Lesson Learned
How I would explain a decade of web development to a time traveler from 2007
Courtesy of Ivan Zarea
No 40) Lesson Learned
I’ve been a Web Developer for 17 Years, and this is what I learned
Courtesy of Ferenc Hamori and RisingStack
No 41) Lesson Learned
The Developer’s Edge: How To Become A Senior Developer
Courtesy of Andrei Neagoie and Hackernoon
No 42) Lesson Learned
Veteran CTO (with Multiple Successful Exits) Answers Your Top Startup-Building Questions
Courtesy of First Round
If you like a text version without images: Go to our Github link
That’s it for Web Development Articles of the Year. If you like this curation, read best daily articles based on your programming skills on our website.
Recommend & share..
