Is it really difficult to find a job if you learn web front-end by yourself?

Whether you are self-study or trained, the main factors to look for when looking for a job are technical ability, relevant work experience, comprehensive strength and communication skills. But for those who are self-taught, they don’t know what technologies the company needs, and they don’t know what technical level they need to reach to be employed? Therefore, I am very confused during the learning process, and I may not be able to meet the requirements even after studying for a long time, so it is difficult to find a job. Snail Academy has compiled the latest web front-end learning route based on industry changes and corporate needs. They are all technologies needed for corporate recruitment. We hope it will be helpful to self-study partners.

Phase 1: Professional core foundation

Phase goals:

1. Proficient in HTML5, CSS3, Less, Sass, responsive book layout, and mobile development .

2. Proficient in using HTML+CSS features to complete page layout.

4. Proficient in applying CSS3 technology, animation, and flexible box model design.

5. Be proficient in designing mobile pages.

6. Proficiently use the knowledge you have learned to copy any Web website.

7. Be able to comprehensively apply the knowledge learned to complete practical web design.

Knowledge points:

1. Web front-end development environment, common HTML tags, form elements, Table layout, CSS style sheet, DIV+CSS layout. Proficient in using HTML and CSS style attributes to complete page layout and beautification, and can imitate the front-end page of any website.

2. CSS3 selector, pseudo-class, transition, transformation, animation, font icon, flexible box model, responsive layout, mobile terminal. Proficient in using CSS3 to develop web pages, proficient in developing mobile terminals, and organizing web development skills.

3. Precompiled css technology: basic knowledge of less, sass, application of plug-ins, and BootStrap source code analysis. Be able to skillfully use less and sass to complete project development, and have an in-depth understanding of BootStrap.

4. Use HTML, CSS, LESS, SASS and other technologies to complete actual web page projects. Through the project, master the content of HTML and CSS in the first stage, and complete the PC page design and mobile page design.

The second phase: Web backend technology

Phase goals:

1. Understand the development history of JavaScript, master Node environment construction and npm use.

2. Be proficient in the concepts of basic data types and variables in JavaScript.

3. Be proficient in using operators in JavaScript.

4. Have an in-depth understanding of structural statements and loop statements.

5. Be proficient in using arrays to complete various exercises.

6. Familiar with the syntax of es6 and proficient in JavaScript object-oriented programming.

7. DOM and BOM practical exercises and learning of H5 new features and protocols.

Knowledge points:

1. Software development process, algorithms, variables, data types, divide statements, loop statements, arrays and functions. Proficient in using knowledge of JavaScript to complete various exercises.

2. JavaScript object-oriented foundation, exception handling mechanism, common object API, js compatibility, and new features of ES6. Be proficient in JavaScript object-oriented development and master the important content in es6.

3. BOM operation and DOM operation. Proficient in using various BOM objects and proficient in manipulating DOM objects.

4. H5 related api, canvas, ajax, data simulation, touch event, mockjs. Proficient in using learned knowledge to complete website project development.

The third phase: database and framework practice

Phase goals:

1. Comprehensive use of Web front-end technology for page layout and beautification.

2. Comprehensive use of Web front-end development framework for Web system development.

3. Proficient in the development of Mysql and Mongodb databases.

4. Proficient in front-end box technologies such as vue.js, webpack, elementui, etc.

5. Proficient in using Node.js to develop background applications.

6. Have an in-depth understanding of Restful, Ajax, JSON, and the development process, and master the basic skills of git.

Knowledge points:

1. Database knowledge, paradigm, MySQL configuration, commands, database and table creation, data addition, deletion, modification and query, mongodb database. In-depth understanding of the general knowledge of database management systems and the use and management of MySQL databases will lay a solid foundation for Node.js backend development.

2. Module system, functions, routing, global objects, file system, request processing, Web module, Express framework, MySQL database processing, RestfulAPI, file upload, etc. Proficient in using the Node.js operating environment and background development framework to complete the background development of the Web system.

3. Vue components, life cycle, routing, components, front-end engineering, webpack, elementui framework. Have a clear understanding of the basic use of the Vue.js framework, be able to use Vue.js to complete basic front-end development, skillfully use the advanced functions of the Vue.js framework to complete Web front-end development and component development, and have a deep understanding of the MVVM model.

4. Requirements analysis, database design, backend development, complete PC and mobile site development using vue and node. Based on Node.js+Vue.js+Webpack+Mysql+Mongodb+Git, the complete functions of the entire site project are realized and released online.

The fourth phase: Mobile terminal and WeChat actual combat

Phase goals:

1. Proficient in the React.js framework and proficient in using React.js to complete development.

2. Master the principles of mobile development and understand native development and hybrid development.

3. Proficient in using react-native and Flutter frameworks to complete mobile development.

4. Master WeChat mini programs and understand the development of Alipay mini programs.

5. Complete the development of large-scale e-commerce projects.

Knowledge points:

1. React component-oriented programming, form data, component communication, monitoring, declaration cycle, routing, and basic concepts of Redux. Practice using react to complete project development and master the asynchronous solution Saga in Redux.

2. react-native, development tools, views and rendering, api operations, Flutter environment construction, routing, ListView components, network requests, and packaging. Master the react-native and Flutter frameworks, and be able to develop mobile projects using react-native and Flutter respectively.

3. Basic introduction to WeChat mini programs, development tools, views and rendering, API operations, introduction to Alipay mini programs and API learning. Master WeChat applet development and understand Alipay applet.

4. For large-scale shopping websites, the front-end and back-end of the entire project are developed separately; the entire project is divided into four parts: PC web page, mobile APP, small program, and back-end management. Team collaboration and development, using git for version control. Three.js and TypeScript can be extended during the project.