Self-cultivation of front-end programmers

What is a front end?

Front-end technology is an application of interface technology .

Character Interface DOS

Graphical Interface GUI

Browser Interface Browser

Front-end project, belongs to B/S Type platform architecture .

File/server f/s

Client/server C/S

Browser/Server b/S

JavaScript, is the most popular client technology , and others,java-applet Flash ActiveX Silverlight

Web front-end, is a development stage of Web technology ,

In this process, the server side has experienced, cgi,web framework, MVC,

The client went through, Html,css,ajax, front-end MVC, and the front-end component.

JavaScript has also been extended to the server side,

server-side scripting node. js,

Database MongoDB,

WebApp react-native,

Desktop Apps Nw.js

Front-end technology is a key link to deal with human-computer Interaction , a variety of technologies are gathered here, with the need for cloud computing, as well as the emergence of mobile devices, the front end has become more and more colorful, the trend of dividing the world evenly.

Two front-end essential skills

Browser Environment ie6~8 ie9+ Chrome Firefox Safari Opera Edge

HTTP protocol URI Cache Session Cookie Request Response

HTML The HTML4.01 of HTML5 DOM semantics

CSS css1~3 Picker Box Model Flex media detection responsive rendering engine

JavaScript ecmascript3~5~6 lexical-scope prototype-chain AJAX JS engine

Editor Emacs Vim webstorm Atom sublime-text

Release Deployment Merge Compression Unit test node. js Grunt Gulp Yeoman Phantom jslint

Framework Class Library jQuery Zepto underscore Backbone Knockout React AngularJS

Module Management CommonJS Webpack

UI Framework BootStrap semanticui jQueryUI Foundation

Push Technology WebSocket Polling long connections

cross-domain technology iframe JSONP CORS

Visualization of data D3 echarts highcharts Canvas

Asynchronous Programming Promise $. Deferred Generator

CSS Preprocessor Less SASS Stylus

Client Templates handlebars Haml Jade mustache

related Languages coffeescript TypeScript Dart WebAssembly

WEBAPP/PC react-native Ionic

JavaScript is a dynamic weakly typed, prototype-inherited, functional programming language, mastering it is not simple, and in order to communicate happily with server-side programmers, we also need to learn some programming languages .

C/rust/go

C#/java

Scheme/haskell

Php/python/ruby

Prolog/erlang

Including imperative, object-oriented, functional, logical,

A variety of typical programming generics.

Three front-end books

In addition to the Emcascript language specification, there are some interesting readings.

JavaScript authoritative Guide

JavaScript Advanced Programming

JavaScript language Essence

JavaScript mode

JavaScript Dom Advanced Programming

High-performance JavaScript programming

JavaScript Asynchronous Programming

The Secret of JavaScript ninja

Development of JavaScript Web rich application based on MVC

The authoritative guide to jquery

Sharp development of jquery kernel and practice

The definitive guide to JQuery Mobile

Developing next-generation Web applications with ANGULARJS

node. JS Development Guide

High Performance website Building guide

Responsive web Design

Rapid Software Development

Test-driven development

Refactoring

Human Moon Myth

Agile Software Development: principles, patterns and practices

Pattern-Oriented Software architecture

The construction and explanation of computer program

Citation: https://www.zhihu.com/question/33179506/answer/75015013

Self-cultivation of front-end programmers