[Road to the front end] How can there be a smooth avenue of flowers in the world?

I. Basic Skills for programmers

1: Data Structure + algorithm (ACM/ICPC/OJ)

2: discrete mathematics, digital logic, linear algebra, probability theory, mathematical statistics (online school, MOOC)

3: Computer composition principle, operating system, Compilation Principle

Ii. language basics

1: HTML (HTML5 web game development, Game Development) W3Schools-HTML (English), W3School-HTML (medium)

HTML5 Advanced Programming

2: CSS (basic CSS design skills, CSS 3 animation)

Proficient in CSS, beautiful moments, website reconstruction, CSS zen garden, CSS authoritative guide

3: Firefox + firebug debugging (chrome plug-in development)

4: XML/JSON (optional)

5: http protocol, network Basics

HTTP authoritative guide

6: JS (JS webpage games, common webpage special effects)

Javascript DOM programming art, JavaScript authoritative guide, JavaScript advanced programming design, high-performance JavaScript, JavaScript language essence, JavaScript design pattern, and JavaScript. the. good. parts, high-performance website construction guide, advanced high-performance website construction guide, compiled maintainable JavaScript, and JavaScript Mode

JS Library (sharp jquery) + Ajax (asynchronously reading a server image or database content) + JSON data format.

7: Dom programming Art

8: node. js

9: browser differences, browser rendering Mode

10: server-side Technology (LAMP) XAMPP, configure Apache

11: PHP + MySQL (backend)/CI framework optional

PHP and MySQL web development (source book version 4th) ([Australian] Willi, [Australian] Tomson)

12: Script Language Python

13: Web security:

Understand the front-end security mechanism

Experience in front-end performance optimization

14: Web Framework (Design Pattern: inheritance and reuse)

Asynchronous development frameworks or models such as gevent and tornado

Object-oriented front-end framework (Google closure/Yui/mootools)

High-performance, reusable front-end components (commonjs)

Proficient in using the Javascript testing framework

15: linuix (Debian)

16: vim, emacs, and sublime (configuration code completion, appearance, external commands ):

17: git, GitHub, SVN: version control, bug and patch submitted in open-source projects

18: phabricator implements code review and project management:

: 19: stackoverflow, serverfault, Quora, GitHub, v2ex

Iii. Front-end development knowledge architecture

(Via.zhihu.com)

• Front-end engineer
  • Browser
    • IE6/7/8/9
    • Firefox
    • Chrome/Safari/Opera
  • Programming Language
    • Javascript/Node. js
    • The essence of JavaScript Language
  • Switch page
    • Html/HTML5
    • CSS/Css3
    • Photoshop/Paint.net
  • Development Tools
    • IDE
      • Vim/Sublime text2
      • Notepad ++/Editplus
      • Webstorm
    • Debugging tools
      • Firebug/Firecookie
      • Yslow
      • Iedevelopertoolbar/Ietester
      • Fiddler
    • Version Management
      • Git/SVN
      • GitHub/Bitbucket/Google Code
  • Code Quality
    • Coding style
      • Jslint/Jshint
      • Csslint
      • Markup validation service
    • Unit Test
      • Qunit/Jasmine
      • Mocha/Shocould/Chai
    • Automated Testing
      • WebDriver
  • Front-End library/framework
    • Jquery/Underscore/Mootools/Prototype. js
    • Yui3/Dojo/Extjs
    • Backbone/Knockoutjs/Emberjs
  • Frontend standards/specifications
    • Http1.1
    • Ecmascript3/5
    • W3C/DOM/BOM/XHTML/XML/JSON/jsonp
    • Commonjs/AMD
    • HTML5/css3
  • Performance
    • Jsperf
    • Yslow 35 rules
    • Pagespeed
    • Httpwatch
    • Dynatrace's Ajax
    • High-performance Javascript
  • Programming knowledge reserve
    • Data Structure
    • Oop/AOP
    • Prototype chain/Scope chain
    • Closure
    • Functional Programming
    • Design Mode
    • Javascript tips
  • Deployment process
    • Compression and merge
      • Yui Compressor
      • Google clousure complier
      • Cleancss/Uglifyjs
    • Document Output
      • Jsdoc
      • Dox/Doxmate
    • Project Build Tool
      • Make/Ant
      • Gyp
      • Grunt
      • Yeoman
  • Code Organization
    • Modular class library
      • Commonjs/AMD
      • Yui3 Module
    • Modular business logic
    • File Loading
      • Labjs
      • Seajs/Require. js
  • Security
    • Csrf/XSS
    • Adsafe/Caja/sandbox
  • Mobile Web
    • HTML5/css3
    • Responsive Design
    • Zeptojs/Iscroll
    • V5/sencha touch
    • Phonegap
    • Jquery mobile
  • Javascript Ecosystem
    • MongoDB/couchdb
  • Cutting-edge technology communities/conferences
    • D2/Webrebuild
    • Nodeparty/w3ctech/HTML5 DreamWorks
    • JSCONF/Hu JS (jsconf.cn)
    • Qcon/velocity/sdcc
    • JSCONF/nodeconf
    • Ydn/yuiconf
  • Computer Knowledge reserves
    • Compilation principles
    • Computer Network
    • Operating System
    • Algorithm principle
    • Software Engineering/software testing principles
  • Soft Skills
    • Knowledge management/Summary and sharing
    • Communication skills/team collaboration
    • Requirement management/PM
    • Interaction Design/availability/accessibility
  • Visualization
    • SVG/canvas/VML
    • D3/Rapha? L/Datav
• Backend Engineer
  • Programming Language
    • C/C ++/Java/PHP/Ruby/Python /...
  • Database
    • SQL
    • MySQL/MongoDB/Oracle
  • Operating System
    • Unix/Linux/OS X/Windows
  • Data Structure

Refer:

Introduction to programmer technical training

Past Events of front-end Learning

Let's talk about my Web Front-end path and share some front-end books.

How can we become an excellent web front-end development engineer?

How to systematically and scientifically learn programming knowledge?

Zhang kejun: Practices and Thoughts on front-end infrastructure

[Road to the front end] How can there be a smooth avenue of flowers in the world?