The road of the front

1. Learn to help
Using Google (Google is often the wall, I use Chrome plug-in: Red Apricot (need to pay, one months 10 oceans, but very fast)). Basically you have more than 80% technical questions, you can find the answer on Google, and the question you ask is basically someone asked on a magic website called Stack Overflow and someone did a good answer. (some degree even, learn the technology you are basically difficult to find a satisfactory answer to a certain degree of search results)
Improve English reading ability. Basically all computer technology is invented by foreigners, so the English documents and descriptions are more comprehensive and fine
Understand a concept. For example: What is JavaScript? First wiki after Baidu encyclopedia
Learn about questions without a fixed answer. For example: What is a good coding habit? Suggest search or ask questions on the know
Think independently and share discussions with members of the group




2. Code specification
Remember: Your code is written to others, not to the machine, please keep your code readable.
Keep your coding style consistent from beginning to end
Follow the same coding style as the project members
Refer to the Google Coding specification (https://code.google.com/p/google-styleguide/)




3. Questions about getting started with each programming language
English course: You can go to Coursera or Udacity to find follow courses in various languages
The domestic MOOC platform will also have introductory classes.
More use of online resources, GitHub will also have a lot of access to the source code 1. We study according to their own situation, hope that we can communicate more, help each other;
2. Choose a book or a video tutorial to get started is possible, the most important thing is to do more hands, more knock code, this will be the fastest growing up
3. Make more use of online resources, preferably Google, a certain degree will forget


Php
1. The library to find an introductory book, it is recommended to find with the ' TURING Turing Programming Books ' logo (Apress Press, the domestic translation is the people post and Telecommunications press), or online to find video tutorials. Learn the basic syntax of PHP.
2. Build the Lamp Environment (linux+apache+mysql+php), or you can use the Wamp Integration Pack (windows+apache+mysql+php) under Windows. The following front-end part of the primary task of the C. First knowledge server backend and database can also see
3. Understand the CodeIgniter (CI) framework and figure out the MVC architecture
Documents with CI on the Web: http://codeigniter.org.cn/user_guide/index.html (Installation, Introduction, tutorials, General topics section in the catalog)
4. Recommend a book: PHP web2.0 Real-life development (library can borrow), there will be talk about MVC architecture, but it uses the Zend framework (compared to CI is too large).




Front:
1. Primary tasks
A.html Getting Started with CSS
Basic HTML tutorial for learning W3school (the HTML Basic Tutorial section of the "Curriculum" on the left of the page)
Learn W3school CSS Basics Tutorial (page left "curriculum" CSS basic tutorial "CSS style" CSS box model "CSS Positioning" section)
Learn chrome Devtools's Elements panel (https://developers.google.com/chrome-developer-tools/docs/dom-and-styles?hl= ZH-CN) (may need to FQ), understand the "review elements" and HTML/CSS debugging methods
Design a simple login page login.html and your profile home page index.html. Requirements: project name blog; login page use center layout, home use upper and lower layout; login page click "Sign in" to jump to the homepage. There are no specific requirements for the title, content, content and style of the footer, and everything is designed according to your personal preferences.
B.javascript Getting Started
Learn w3school JavaScript tutorial ("JS tutorial" "JS HTML DOM" "JS object" section on the left "curriculum" of the page)
Recommended reading: "The language of JavaScript" (I do not know whether the library, the Internet to find a lot of pdf)
Use Html/css/javascript to make a simple calculator that requires: Project name calculator, subtraction with two digits (including decimals), a number percent function, and various colors and fonts are designed according to your personal preferences.
C. Initial knowledge of the server backend and database
Learn W3school's SQL tutorial (The SQL Essentials Tutorial section of the page's left-hand "curriculum")
Learn PHP Tutorials for W3school (the PHP basic tutorial, PHP database, and PHP advanced Tutorials (date, Include, file, file Upload, Cookies, Sessions) section of the "Curriculum" on the left of the page)
Deploy a PHP development environment (APACHE+PHP+MYSQL) on your machine, and Windows users recommend installing the Wamp Integration Environment (the rest of the system will have to toss themselves) and database management tools Navicat for MySQL. Configure the Apache alias to point to your blog folder (search for Apache alias yourself), and then change the. html suffix of the two files to. php, and the Http://localhost/blog in the browser to open the page normally.
D.jquery Getting Started
Learn W3school Ajax Tutorials (page left "curriculum" in the "Ajax Basics Tutorial" "Ajax XHR" "Ajax Advanced" section)
Learn W3school's jquery tutorial (page left "curriculum" on the "jquery Basic Tutorial" "jquery Effect" "jquery HTML" "jquery Traversal" "jquery AJAX" section)
Using JS to achieve a 8-block puzzle game, requirements: project name Puzzle8; Click the box if there are spaces around the move; You can determine the victory condition; there is a "reset" button that initiates an AJAX request to get the scrambled order from the server and reset the puzzle; interface self-designed
Add a text box, enter a number n (2 < n < 10), and click "Reset" to request the server to get the scrambled order and generate a n*n puzzle
Added to the keyboard event monitoring, implementation of the keyboard "up or down" key can also move the function of the block


2. Intermediate tasks
A.
Understanding the MVC pattern
Read the CodeIgniter document http://codeigniter.org.cn/user_guide/index.html (Installation, Introduction, tutorial, General topics section of the catalog) to learn the basic programming patterns of its MVC framework
B.
Learn smarty template Smarty3 manual http://www.smarty.net/docs/zh_CN/
C.
Learn less and grunt http://www.bootcss.com/
D. Response type
Understand the concept and rationale of responsive design
Choose a simple CSS framework (such as pure, Bootstrap, Furatto, and so on) to read the source code from GitHub and learn how the framework is responsive to layout
Learn W3school's jquery Mobile




Android:
1. Familiarize yourself with Java first
2. Be familiar with Android. Recommend a book (Crazy Android handout author Li Gang, a very thick book, can find a PDF online), different reading, the introduction can be
Note: Android can also be developed under Windows

The road of the front