ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

大前端快速入门

2021-02-27 22:02:39  阅读:207  来源: 互联网

标签:www 入门 runoob 快速 前端 html https 菜鸟 com


博主要去安心考研了 案例给
学习路线 一般 HTML5基础->css3->js+es6->jquery->ajax>bootstrap->vue.js/React/AngularJS
学习路线 vue HTML5基础->css3->js+es6->->nodejs->webpack->vue.js
学习路线uni-app 移动端/微信小程序 HTML5基础->css3->js+es6->vue.js->uni-app->uniCloud
进阶 学习 webpack CDN
桌面端开发 electron
另外http协议也要了解

组件库element
vue2.x组件库https://element.eleme.cn/#/zh-CN
vue3.x组件库https://element-plus.gitee.io/#/zh-CN
react组件库https://elemefe.github.io/element-react/#/zh-CN/quick-start

菜鸟HTML教程https://www.runoob.com/html/html5-intro.html
菜鸟JS教程https://www.runoob.com/js/js-tutorial.html
菜鸟es6教程https://www.runoob.com/w3cnote/es6-tutorial.html
菜鸟nodejs教程https://www.runoob.com/nodejs/nodejs-tutorial.html
菜鸟css教程https://www.runoob.com/css3/css3-tutorial.html
菜鸟json教程https://www.runoob.com/json/json-tutorial.html
vue3文档https://www.vue3js.cn/
vue2文档https://cn.vuejs.org/v2/guide/
菜鸟bootstrap4https://www.runoob.com/bootstrap4/bootstrap4-tutorial.html
菜鸟React教程https://www.runoob.com/react/react-tutorial.html
菜鸟AngularJS教程https://www.runoob.com/angularjs/angularjs-tutorial.html
菜鸟vue教程https://www.runoob.com/vue2/vue-tutorial.html
菜鸟ajax教程https://www.runoob.com/ajax/ajax-tutorial.html
webpack(资源管理打包)官网https://www.webpackjs.com/
electron桌面端开发官网https://www.electronjs.org/
超牛逼动效https://animate.stylehttps://animate.style/
axios中文文档http://www.axios-js.com/


这是博主自己写的 也算是笔记 如果有错误还请指正

HTML入门

1.开发工具选择

2.认识HTML文件

3.div块级元素

4.css

5.组件化思想

6.设计软件以及总结



JS入门

1.让网页动起来的js

2.声明和操作变量

3.认识Symbol、Map、 Set

4.对象

5.函数

6.异步编程(待补充)



VUE2快速入门

1.安装vue以及搭建第一个vue项目

2.添加页面和简单路由拦截

3.数据声明和绑定使用

4.组件基础用法

5.组件进阶与插槽

6.实例property(重点)



VUE3快速入门

1.创建项目



云开发uniCloud+uni-app

1.服务空间创建以及部署一个云函数

2.云存储基础

3.云数据库基础

4.本机手机号一键登录以及第三方登陆

5.练习之整合百度ai图像识别SDK



uni-app小程序开发

项目体验

1.准备工作

2.选题

3.页面跳转以及底部选项

4.前后端编写,交互,百度图像识别接入

5.再次开发前端

6.部署到服务器以及小程序上线



vue数据可视化—整合echarts

1.vue简单数据可视化—结合echarts实现柱状图



练习一 vue疫情地图(使用了ehcarts+element)

代码未优化 练手项目 如果优化 请每2-4行写成一个函数 嵌套使用

1.实现世界疫情地图(点击进入子地图)

2.疫情大屏数据展示+数据导出+地图图片下载



练习二 爬虫播放器(vue3)

代码未优化 练手项目 如果优化 请每2-4行写成一个函数 嵌套使用

1.搭建项目

2.寻找qq音乐接口

3.页面布局

4.功能实现



练习三 情人节特辑 uni-app+uniCloud

1.送给女朋友的情人节礼物—超贴心小程序

2.七夕到了!不会写代码?一样可以给女朋友建个网站

3.uniCloud使用云函数每天定时向女朋友发送邮件推送天气

4.uniCloud使用云开发每天定时向女朋友发送短信



更多

小说阅读器 超市数据管理系统 会在代码优化后再发
爬虫案例学习平台应该很快了
专心考研了 文章更新会变慢 非常抱歉

github 仓库地址 https://github.com/dmhsq

欢迎访问博客代码哈士奇
技术 聊天 交流群 974178910
前端交流群 535620886

标签:www,入门,runoob,快速,前端,html,https,菜鸟,com
来源: https://blog.csdn.net/qq_42027681/article/details/114191462

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有