Master 11 skills. You are an excellent front-end development engineer.

Guidance:

You may think that front-end development is a very simple task, right, you just transformed from web design. However, when you go deep into it, you will surely find that front-end development is not that simple, and you will be overwhelmed by website performance optimization, response style, and framework,

Indeed, front-end development is easy and difficult, and it is not that easy to become a good front-end development.

However, the world is not difficult, but it is not difficult. You only need to master 11 skills to become the front-end "danale". below, I will tell you what these 11 skills are? And the key points of each skill, and finally relevant professional books.

 

Essential Skills for Getting Started:

1st skills: HTML hypertext markup language:

Skill points:

• HTML file structure
• Compiling HTML files
• HTML basic tag
• Text and paragraph Markup
• Framework
• Use Form
• XHTML page Structure

2nd skills: JavaScript scripts

Skill points:

• Basic JavaScript syntax
• Process Control
• Function
• Objects and Arrays
• Program debugging and error handling
• Event Processing
• Process Document objects
• Document Object Model
• Window object

 

3rd skills: CSS webpage style layout

Skill points:

• CSS positioning and div Layout
• Div tag and span tag
• CSS + div beautification and Layout
• Comprehensive application of CSS and JavaScript
• Comprehensive use of CSS and XML
• Comprehensive application of CSS and Ajax

 

Skills required for promotion

4th skills: HTML5 development skills

Skill points:

• HTML5 syntax
• New input type
• New form Element
• HTML5 audio and video
• HTML5 Multimedia Technology
• Web Storage
• WebSQL hybrid Development
• Workers multi-thread processing

 

5th skills: Common Javascript frameworks

Skill points:

• JQuery framework
• Prototype framework
• YUI framework
• ExtJS framework
• Dojo framework

6th skills: Javascript Ajax applications

Skill points:

• Common JavaScript objects
• DOM Document Object Model
• XML request and response
• JSON
• Post/Get request

Skills required to become an excellent front-end developer

7th skills: responsive Web Design

Skill points:

• Range object and Selection object
• Learn to draw graphics
• History API
• CSS 3 module and modular structure
• Attribute selector in CSS3
• Insert content to the page using Selector
• Text and Font Style
• Deformation processing in CSS 3
• Animation in CSS 3

 

8th skills: commonly used interactive design tools

Skill points:

• Flowchart Tool
• Navigation Design Tools
• Mind Map
• Prototype Design Tools
• UML tools
• Site Map Tool

9th skills: Web interaction design

Skill points:

• Indicator and bread
• Availability Test
• Accessible/Cascading Style Sheets

10th skills: Website Information Architecture

Skill points:

• User needs and Behavior Analysis
• Basic information about information architecture
• Organization System
• Tag System
• Search System
• Word Table, controlled Word Table, and metadata
• Process and methodology
• Design and documentation

11th skills: REST Software Architecture

Skill points:

• Unified interface GET/POST/PUT/DELETE
• Identify resources
• Parse Json/XML/Html
• Query
• Web Cache
• Conditional request
• Scalability and Version Control

Now you can learn and master these skills in a planned and step-by-step manner. If you don't know how to learn, I can tell you responsibly to read books first.

Here, I can recommend some books to you, which belong to different publishers (in this case, I do not want you to think that I am selling books). These books are useful books I think.

Now, do you know whether you have mastered the 11 skills mentioned in this Article against yourself. Then -- start learning! Master them!

Are you going to study here? Please leave your comment below.