Is it possible to learn front-end development from scratch?

huaqingyuanjian

Is it possible to learn front-end development from scratch? [Copy link]

Is it possible to learn front-end development from scratch? The answer is yes. It is easy to get started with front-end development, but it is still difficult to learn advanced technologies in depth.

Who doesn’t start learning from scratch? However, for a beginner who has no coding knowledge at all, the most important thing is to consider your choice carefully. For something you have never touched before, the time and energy required are incalculable, and it is easy to give up halfway through the learning process.

Things you need to learn for front-end development:

Junior front-end engineer: master page production skills (one to three points)
Intermediate and senior front-end engineer: realize page behavior interaction (four to seven points)
Advanced senior front-end engineer: have project experience after graduation (eight to twelve points)

1. Basic skills of front-end development

HTML5 basics, CSS basics, CSS3, mobile layout, SASS introduction, CSS function expansion, SassScript, @-Rules and instructions, control instructions, mixed instructions, Grid grid layout, Web front-end projects, Git introduction

2. JS core technology

JS pre-learning preparation, JS lexical structure, JS types, values and variables, JS expressions and operators, JS statements, JS objects, JS arrays, JS functions, classes and objects, ES6, WEB browsers, window objects

3. JS Advanced Programming

DOM, styles, boxes and forms, events, regular expressions, GSAP, Swiper, Canvas, big data visualization, local data storage, common special effects

4. Data Structure

Introduction to data structures, arrays, stack data structures, queue data structures, linked lists, sets and dictionaries, trees, sorting, and search algorithms

MySQL

Basic concepts of database, SQL basics, SQL advanced, database design paradigm

6. NodeJS

Web client and server, Node.js basics, Http server, global objects\files\events, routing, Npm

7. TS

TS basics, TS data types, operators, process control, functions, classes and objects, interfaces, polymorphism, modularity, generics

8. Full stack project practice

Project documentation, project architecture, Egg, RESTful, Axios, project management, SMS verification, WebSocket, engineering introduction

IX. Project Engineering

Webpack

10. Vue project practice

Vue basics, Vue components, reusability, routing, Vuex, scaffolding, ElementUI&cubeUI&antDesign, Vue-combined API-TS, unit testing, Vue projects

11. Mobile Application Development

Introduction to WeChat Mini Programs, Mini Program code structure, Mini Program operation principle, Mini Program logic layer, Mini Program view layer, components, API, user system, uniApp

12. React project practice

React basics, React components, React states and events, form data, attributes and slots, common hooks, routing, graduation projects

I will share it here for today. Please follow me after reading it!!!

吾妻思萌

The mini program is a good choice. Come on! If anyone has learned it, please teach me.

秦天qintian0303

Azuma Simeng posted on 2023-10-31 06:45 The mini program is a good choice. Come on, if anyone has learned it, please teach me.

WeChat applet? It's a good idea to create a public account for testing. In the future, the Internet will have a direct display.