Getting started with the big front end

The blogger mainly went to the
postgraduate entrance examination and gave the case study route General HTML5 basics->css3->js+es6->jquery->ajax>bootstrap->vue.js/React/AngularJS
learning route vue HTML5 basics->css3->js+ es6->->nodejs->webpack->vue.js
learning route uni-app mobile terminal/WeChat applet HTML5 basics->css3->js+es6->vue.js->uni-app->uniCloud
advanced Learn webpack CDN
desktop side development electron
and also understand the http protocol

Component library element
vue2.x component library https://element.eleme.cn/#/zh-CN
vue3.x component library https://element-plus.gitee.io/#/zh-CN
react component library https: //elemefe.github.io/element-react/#/zh-CN/quick-start

Cainiao HTML tutorial https://www.runoob.com/html/html5-intro.html Cainiao
JS tutorial https://www.runoob.com/js/js-tutorial.html
Cainiao es6 tutorial https://www.runoob .com/w3cnote/es6-tutorial.html
rookie nodejs tutorial https://www.runoob.com/nodejs/nodejs-tutorial.html
rookie css tutorial https://www.runoob.com/css3/css3-tutorial.html
rookie json tutorial https://www.runoob.com/json/json-tutorial.html
vue3 document https://www.vue3js.cn/
vue2 document https://cn.vuejs.org/v2/guide/
rookie bootstrap4 https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html
rookie React tutorial https://www.runoob.com/react/react-tutorial.html
rookie AngularJS tutorialhttps://www.runoob.com/angularjs/angularjs-tutorial.html
rookie vue tutorial https://www.runoob.com/vue2/vue-tutorial.html
rookie ajax tutorial https://www.runoob.com/ ajax/ajax-tutorial.html
webpack (resource management packaging) official website https://www.webpackjs.com/
electron desktop development official website https://www.electronjs.org/
super awesome dynamic effect https://animate. style https://animate.style/
axios Chinese document http://www.axios-js.com/


This is written by the blogger himself and it is considered as a note. Please correct me if there are errors

HTML entry

1. Development tool selection

2. Recognize HTML files

3. div block-level elements

4.css

5. Component thinking

6. Design software and summary



Getting started with JS

1. js that makes web pages move

2. Declare and manipulate variables

3. Know Symbol, Map, Set

4. Object

5. Function

6. Asynchronous programming (to be added)



Getting started with VUE2

1. Install vue and build the first vue project

2. Add page and simple route interception

3. Data declaration and binding use

4. Basic usage of components

5. Advanced components and slots

6. Instance property (emphasis)



Getting started with VUE3

1. Create a project



Cloud development uniCloud+uni-app

1. Service space creation and deployment of a cloud function

2. Cloud storage basics

3. Cloud database foundation

4. One-click login with local mobile phone number and third-party login

5. Practice integration of Baidu ai image recognition SDK



uni-app applet development

Project experience

1. Preparation

2. Topic selection

3. Page jump and bottom options

4. Front-end and back-end writing, interaction, Baidu image recognition access

5. Develop the front end again

6. Deploy to the server and launch the mini program



Vue data visualization-integration of echarts

1. Vue simple data visualization—combined with echarts to realize histogram



Practice a vue epidemic map (using ehcarts+element)

If the code is not optimized, please write a function nested every 2-4 lines if you optimize it.

1. Realize the world epidemic map (click to enter the sub-map)

2. Epidemic large-screen data display + data export + map image download



Practice two crawler player (vue3)

If the code is not optimized, please write a function nested every 2-4 lines if you optimize it.

1. Build the project

2. Looking for qq music interface

3. Page layout

4. Function realization



Practice three Valentine's Day special uni-app+uniCloud

1. Valentine's Day Gift for Girlfriend-Super Intimate Mini Program

2. Qixi Festival is here! Can't write code? You can also build a website for your girlfriend

3. UniCloud uses cloud functions to send emails to girlfriends regularly every day to push the weather

4. UniCloud uses cloud development to send SMS regularly to girlfriends every day



More

The novel reader supermarket data management system will be released after the code is optimized. The
crawler case study platform should be fast. I
am very sorry that the article update will slow down after I concentrate on the postgraduate entrance examination.

github warehouse address https://github.com/dmhsq

Welcome to the blog code Husky
Technical chat exchange group 974178910
Front-end exchange group 535620886

Guess you like

Origin blog.csdn.net/qq_42027681/article/details/114191462