web front end

Front-end web development is the development of the graphical user interface of a website, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that website.

HTML, CSS, JavaScript
web-back-end

Learn

Frontend Roadmap
front-end-guide Study guide and introduction to the modern front end stack.
前端九部 - 入门者手册2019
前端开发漫游指南

Browser

Inside look at modern web browser part1, part2, part3, part4
- 深入理解现代浏览器
Google Chrome is made possible by the Chromium open source project and other open source software.
- chrome comic book
- Vimium is a Chrome extension that provides keyboard-based navigation and control of the web in the spirit of the Vim editor.
BrowserGap - Browser you can embed in your app. Per-seat or per-site licensing. Discounts for governments and non-profits.
深入浅出浏览器渲染原理

Practice

The perfect Front-End Checklist for modern websites and meticulous developers https://frontendchecklist.io
Front-end Job Interview Questions: A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore. https://h5bp.org/Front-end-Developer-Interview-Questions/
构建单页Web应用
卖菜的前端, 杭州宋小菜网络科技前端技术文集

Frameworks

react - react native
vue - weex
angular - ionic
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
Bulma is a free, open source CSS framework based on Flexbox and used by more than 200,000 developers.
ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization