Web front-end skills

Essential skills for Getting started:


The 1th skill: HTML Hypertext Markup Language:

Skill Points:

Structure of the HTML file
How to write HTML files
HTML Basic Markup
Text and paragraph marks
Framework
Working with Forms
XHTML page Structure



2nd Skill: JavaScript script

Skill Points:

JavaScript basic syntax
Process Control
Function
Objects and Arrays
program Debugging and error handling
Event handling
Working with Document objects
Document Object Model
Window Windows object



3rd Skill: CSS page style layout

Skill Points:

CSS positioning and div layout
div tag with span tag
Css+div Landscaping and layout
A comprehensive application of CSS and JavaScript
The comprehensive application of CSS and XML
The integrated application of CSS and Ajax



A skill that will be promoted


4th Skill: HTML5 Development skills

Skill Points:

HTML5 syntax
New input type
The new FORM element
HTML5 Audio and video
HTML5 Multimedia Technology
Web Storage
Websql Hybrid Development
Workers multithreaded processing



5th Skill: Common JavaScript framework

Skill Points:

jquery Framework
Prototype frame
Yui Frame
ExtJS Frame
Dojo Framework


6th skill: Javascript Ajax App

Skill Points:

Common objects for JavaScript
DOM Document Object Model
XML Request and Response
Json
Post/get Request

Be an excellent front-end development must-have skills

7th Skill: Responsive Web Design

Skill Points:

Range object and Selection object
Learn to draw graphics
History API
CSS 3 module and modular structure
The property selector in CSS3
Use selectors to insert content in a page
Text-to-font-related styles
Warp Handling in CSS 3
Animation features in CSS 3



8th Skill: Common Interaction design tools

Skill Points:

Flowchart Tools
Navigation Design Tools
Mind Mapping
Prototype design Tools
UML Tools
Site Map Tool

9th Skill: Web Interaction Design

Skill Points:

Signage and breadcrumbs
Usability testing
Accessibility/Cascading Style sheets

10th Skill: Website Information architecture

Skill Points:

User demand and its behavior analysis
Information Architecture Basic Information
Organization system
Labeling System
Search system
Thesaurus, controlled glossary, and meta-data
Processes and Methodologies
Design and documentation Instructions

11th Skill: Rest Software architecture

Skill Points:

Unified Interface Get/post/put/delete
Identify resources
Expression parsing json/xml/html
Inquire
Web caching
Conditional request
Extensibility and version control


Well, you can have plans, steps to learn and master these skills, if you do not know how to learn, I can responsibly tell you, first to read.

Here, I can recommend some books to you, which belong to different publishers (so I don't want you to think I'm selling books), and they are all books that I think are very useful.

HTML+CSS Web design and layout from getting started to mastering
JavaScript authoritative Guide (6th edition)
CSS Zen Garden (revised edition)
HTML5 and CSS3 Basic Tutorials (7th edition)
Responsive web Design: HTML5 and CSS3 real-combat
The authoritative Guide to jquery (2nd edition)
Crazy Ajax Handouts (3rd edition)
Axure RP 6 Prototype design essence
Interactive Design Meditation Recording
Large Web site Technology architecture: Core Principles and Case studies
Rest Combat (Chinese version)


Now, do you know whether you have mastered the 11 skills described in this article. Then--Begin to learn! Master them!


First: The development route of front-end engineers

The short section says:

Beginner-Intermediate-Advanced front--interactive design---Product Manager-product director

The above is a front-end development of the promotion goals and development trajectory, your goals may be more ambitious, the ultimate goal is to become a product director, short-term goal is to become a senior front-end development engineer, the medium-term goal is to become a product manager.

If you say new entrants, short-term goals (advanced front-end) will take about 2 years, to achieve the medium-term goal (product manager) about 2 years, the product director about 3 years, then, 2 years plus 2 years plus 3 years, that is, you to achieve your ultimate goal is about 7 years.

The second method of implementation:

1. Focus on learning Skills

The internet industry is by the least of the industry, not one, do technology, on the craft to eat, to achieve short-term goals, there is no shortcut, is to focus on learning, master a good front-end development engineer should have 11 skills, naturally can be achieved. (You can view my previous post: 11 skills, you are a good front-end development engineer)

Medium-term products, the main study of interactive design and user experience, these, in your daily work should be involved in, pay more attention to this aspect of how good people are how to operate the product, you will be able to achieve intermediate goals as soon as possible greatly help. Zhang Xiaolong (the father) said that the product is simple, is to solve the problem of human greed and hatred. But every few years of discipline, it is difficult to see some psychological books can help.

The ultimate goal of the long term, from the mastery of skills, I think the focus on team operations management, financial analysis, data analysis, the interpersonal and social should also be considered as a skill category.

2. Develop a learning plan to overcome procrastination

Procrastination has become a part of everyone's daily life. Every day we want to avoid certain things, if only thinking about tomorrow, doing tomorrow, delaying the result is delaying you to achieve your goal, sometimes because of laziness, sometimes we do feel tired, but for whatever reason, must overcome procrastination, set up a fixed study time and plans for themselves, such as the monthly must read a professional book and so on. There are a lot of software to do the study plan, you can look for it.

3. Bubble forum, write a blog, show yourself

This is actually to solve the problem of the 2nd Study plan implementation, because, if you do not have a way to motivate yourself, to develop a study plan, to overcome procrastination is empty talk, everyone hates empty words, so you want some practical things to do, bubble forum, you can learn the strengths of others, can be interactive ask questions, can also answer questions, write a blog, you will say, I have so much to write, I have some experience, is to write your reading notes, the daily read books, record points and experience, put on the blog, do not care if people see, quantitative change caused by qualitative change, one day, you will grow, your text will begin to become someone's favorite.

4. Choose a time to move:

I do not encourage blind job-hopping, and do not encourage frequent job-hopping, there are many lessons, but job-hopping is to get a shortcut to Ascension, the key word is to get promotion, that is, if you can get a promotion (or a pay raise or a good platform) to consider a job-hopping, but also you have to consider whether your skills and the

Web front-end skills