自学前端怎么提高自制力？
发布时间：2024-04-28 13:55:38 作者：玩站小弟 
我要评论
我要评论坐标武汉，希望有可以一起监督、进步的自学前端ing一起学习前端，共勉。一、前端与移动开发学习路线图---每阶段可掌握的能力及各阶段覆盖知识点二、新版前端与移动开发学习路线图---学习大纲及各阶段知识点
。
坐标武汉，自学自制希望有可以一起监督、前端进步的提高
自学前端ing
一起学习前端，共勉。自学自制
一、前端前端与移动开发学习路线图---每阶段可掌握的提高能力及各阶段覆盖知识点
二、新版前端与移动开发学习路线图---学习大纲及各阶段知识点
1、HTML5 是前端网页开发的基础，从最简单的提高网页开发基础入手，使用常见的自学自制标签制作网页内容
2、Css3通过浮动、前端定位、提高Flex 精细控制网页布局，自学自制通过背景、前端圆角、提高阴影、渐变等美装饰美化网页内容，结合转换、过渡、动画高级特性增强用户体验，能够编写大型综合性网页。
3、电商网页制作，基于设计稿编写网页，确保网页布局的高还原度，综合运用 HTML、CSS 的基础知识，归纳使用技巧，提升综合实战水平，借助蓝湖协同平台，体验真实团队开发流程。（以下教程二选一即可）
JavaScript 基础语法
了解语言的基本概念，熟识语法规则，培养语言基础逻辑能力，建立良好的编程思维，具有一定的语言驾驭能力。
WebAPI/Dom Bom操作方法
学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。
jQuery
借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关知识，加深对面象对象的理解。
数据可视化 ECharts 实战
综合 JavaScript、HTML、CSS 所学的知识，针对企业现实开发需求，基于 ECharts 数据可视化插件归纳数据可视化领域解决方案，提升知识综合运用水平。
Ajax
系统的学习网页数据交互的 Ajax 技术，建立前后端交互的知识体系，为学生夯实网络编程的基础，为后期高级课程的学习做好铺垫。
Git
借助 Git 对项目进行版本控制，掌握实际开发中那些必知必会的 Git 操作。
nodejs基础
全面系统讲解 Node.js 中最核心的、必知必会的概念，能够基于模块化的开发思想优化项目代码，编写出高效、健壮的代码，同时培养出 Node.js 的编程思维。
MySQL
了解后端数据库的基本使用，能够使用常见的 SQL 语句操作数据库，并且能够使用 MySQL 模块在项目中操作 MySQL 数据库，为实现从前端程序员进阶到全栈程序员做准备。
满足前端工程师的岗位要求，重中之重，也是主流框架之一，必会技能。
黑马程序员Vue2.0+Vue3.0入门到精通，大厂前端岗位必备技能_哔哩哔哩_bilibiliwww.bilibili.com/video/BV1zq4y1p7ga黑马程序员前端基础教程-4个小时带你快速入门vue_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com/video/BV12J411m7MGwww.bilibili.com/video/BV12J411m7MG前端开发利器vue，微信小程序快速开发实战，黑马程序员前端web教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com/video/BV1Sc41187nZwww.bilibili.com/video/BV1Sc41187nZ小程序基础+电商项目
了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
uni-app
理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
深入理解组件化和模块化开发思想，三大主流框架之一，满足企业招聘中的岗位要求。
加急更新中，敬请期待。
TypeScript 基础+高级
四、前端与移动开发学习路线图---配套工具篇所用软件
| 工具篇-学前端所用软件（学前端必备软件全都有） | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| Chrome浏览器 | https://pan.baidu.com/s/1G2HyBdIzHIq_EFmACRANtg | 360f |
| 简易版编辑器Sublime | https://pan.baidu.com/s/1lmqLOtFkKGmkxNaIGEQjSg | lug4 |
| WebStorm编辑器 | https://pan.baidu.com/s/19siWkfpC2ha9wj5t9RGN6g | iopd |
| Visual Studio Code编辑器 | https://pan.baidu.com/s/1J0AuxhzltdYwdPkhHdGsGg | niz6 |
| PS | https://pan.baidu.com/s/19TlbxU7rQRHYmUYiGP3m2A | 3mtu |
| MarkMan | https://pan.baidu.com/s/1mP_t4_RqoHVZZeuvW0g4Eg | xi6z |
| Adobe Fireworks CS6 Ansifa精简版 | https://pan.baidu.com/s/17IvXzXvnjpAYOiyFBFkRDQ | 1865 |
| X-mind | https://pan.baidu.com/s/1c049MlsG7ZA5qbq1DZezzQ | awe2 |
| Typora | https://pan.baidu.com/s/1Nb36Lpg_S3OWnWBZ9pGKBw | uczh |
| Git开源的分布式版本控制系统 | https://pan.baidu.com/s/1EOjCMziILtitm_MVFx781g | nrvf |
| GitLab | https://pan.baidu.com/s/1Ea8TXe68VAsylOo7_UZe2g | f1yw |
| SVN | https://pan.baidu.com/s/1s7S7YvHOi7J1G6LhEcZhYQ | ql19 |
| 集成环境软件WampServer | https://pan.baidu.com/s/1BLS4J6FOnDb2KdaUKONmIw | tboh |
| MySQL | https://pan.baidu.com/s/1yq6WSQVZIXbu07U-Vi0VMg | g2em |
| Navicat | https://pan.baidu.com/s/1JGc-fiURzWjZu0Nr9IZ_BA | ashb |
| phpStudy | https://pan.baidu.com/s/1yCInenpqIOuPDddLc9KK_A | jvf1 |
| Node.js | https://pan.baidu.com/s/17v3plvLsZ2O8j6O9MfNEOg | ojx0 |
| 微信开发者工具 | https://pan.baidu.com/s/1FiyYMwIppYXKFb-sHH4moA | wr9c |
| Postman | https://pan.baidu.com/s/1MfNllXqvkV8FHpsswfJIIg | djes |
| Httpwatch | https://pan.baidu.com/s/1fvQjpNKjUwhdwfimbL4P0Q | 6pjh |
五、工具篇-学前端所用手册及书籍（学前端必备手册全都有）（2018.11.20更新）
| 工具篇-学前端所用手册及书籍（学前端必备手册全都有） | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| html手册 | https://pan.baidu.com/s/1idtCfccls7G74it4hzBLCg | mdv0 |
| css手册 | https://pan.baidu.com/s/1rlWo-DLNw_u9Nu7tuflw1A | gg6z |
| Javascript手册 | https://pan.baidu.com/s/1SnTDwePBv9TnMqwrZ7o8KA | wxtt |
| DOM手册 | https://pan.baidu.com/s/1BS6krawx3TuBg-XRKRxbKg | rc8a |
| Jquery手册 | https://pan.baidu.com/s/18CvsJRGxJaeTliZLsHYcvw | myyk |
| W3Cschool手册 | https://pan.baidu.com/s/19TS07KPax6WDg73gtWhO7Q | jm9v |
| CSS权威指南 | https://pan.baidu.com/s/15X5WgWnMErMm9LFlG6JiXQ | m6d6 |
| 深入浅出JavaScript | https://pan.baidu.com/s/1JHxbzxdpmKkqwFzLLS2xUQ | v58l |
| JavaScript语言精粹 | https://pan.baidu.com/s/1_6C0nACXBdNN-kgSccs2tw | mbmg |
| JavaScript权威指南(第6版)(中文版) | https://pan.baidu.com/s/1c98GsUvxXUXkSgN88G5Lrg | uv7g |
| JavaScript高级程序设计(第3版) | https://pan.baidu.com/s/1Lt2wejs_1xmPyJ7DNpOnzg | hrab |
| JQuery权威指南 | https://pan.baidu.com/s/1MV0UgAdxiZl7kg29zkbUpg | wi3w |
| JQuery源码详细中文注释 | https://pan.baidu.com/s/1mXXe2pKKOyPUN8HPtn7Fxw | t81t |
| 《锋利的jQuery》(高清扫描版) | https://pan.baidu.com/s/1I_Hz1fWRjf_zZRoFCupZ1g | 77kf |
| 精通正则表达式 | https://pan.baidu.com/s/1qlZjzsy3d9Be-OlZks_RbQ | 64o3 |
| Ajax从入门到精通 | https://pan.baidu.com/s/1Op6ahC_QDbDDgHLqPkEBPg | ef58 |
| html5权威指南 | https://pan.baidu.com/s/1DaiTFbZdX4CG5iE40xvhZw | yo6k |
| HTML5高级程序设计 | https://pan.baidu.com/s/1C95diPzFb4uAZvFku04dOQ | fzor |
| HTML5 WebSocket权威指南 | https://pan.baidu.com/s/134K5_0oR7PTM8WdDL1LM2w | y6s4 |
| Node.js的深入浅出 | https://pan.baidu.com/s/1BenCZfyA-ZL0KG6xD_UrKg | 5nx7 |
| Node.js开发指南 | https://pan.baidu.com/s/1_dXs3LZtjq1QmjCBNxoePQ | pprw |
| AngularJS权威教程 | https://pan.baidu.com/s/17MS_bMEg0WlpVZPu1Ha3eg | nx7u |
| Vue.js权威指南 | https://pan.baidu.com/s/1iIGJ7qEOXRJIkOy2ERds7w | scbz |
六、技术篇-前端项目源码：前端案例和 demo 源码（2018.11.20更新）
| 技术篇-前端项目源码（前端案例和 demo 源码） | ||
| 资源名称 | 百度网盘一键下载 | 密码 |
| jQuery的仿淘宝商品展示 | https://pan.baidu.com/s/1ueQx7A6F2M8J_uMnkuZMFA | n5bf |
| jQuery的图片放大展示 | https://pan.baidu.com/s/1L2bF26aNsQT5Tr4XNwPxvQ | vck7 |
| TodoMVC（js、vue、angular） | https://pan.baidu.com/s/1SFHmODL0QNfkYcETAiP8cw | umm9 |
| vue留言板 | https://pan.baidu.com/s/1cgYjllMZOUXJzROB6AbSuQ | 5xy7 |
| 品优购电商项目静态页面 | https://pan.baidu.com/s/1Lx6jaGYUrkLoR9MY8xHyDg | 8p1z |
| vue 后台管理系统 | https://pan.baidu.com/s/1dIgJ3JGnDNyWoxAydT4JFA | 2aax |
| 微信小程序（TodoMVC 等5个源码） | https://pan.baidu.com/s/14FlO31H-gBDT4QTxfbLIkg | 9avl |
| React_爱租房 | https://pan.baidu.com/s/18YBx5vNDfj44lA4vqXPEbw | ge8o |
| React实战项目_cNode | https://pan.baidu.com/s/1G3iwLuuDQ0fkEqyT-clDSg | rs08 |
| 换肤效果 | https://pan.baidu.com/s/1Rr1RlHXimSwGnVmrOC8Lcw | i6wa |
| 京东商品展示效果 | https://pan.baidu.com/s/1OcrkijBSekqPVuAyheN4QQ | a3s3 |
| tab栏切换 | https://pan.baidu.com/s/1d8Aqt6So3w4W2fvlgJ-Z5g | gl51 |
| 全选反选 | https://pan.baidu.com/s/1-hoUGytf1HX4qxpm-MPsUw | hjo2 |
| 鼠标跟随 | https://pan.baidu.com/s/1P54qvBdAuQLs8x3kcXLBow | xe2a |
| 轮播图 | https://pan.baidu.com/s/1kgsiYnsVk4wF4vhb4Cz1eg | Tktk |
| 放大镜效果 | https://pan.baidu.com/s/1QAxfT7qx5-mYkVnQOYT1Qw | u2mr |
| 手风琴效果 | https://pan.baidu.com/s/1-1IWgRrDQxB3HuWE94seBQ | zci1 |
| 延时触发图片展示 | https://pan.baidu.com/s/1X6_a1QujZCFgbhLMzABhiw | 8ifo |
| 拖拽排序 | https://pan.baidu.com/s/1NuF1Pio4vpbu589N_nViwg | wqr0 |
| 旋转木马 | https://pan.baidu.com/s/19BYMzmTOXhSkgLHDmPVehg | uroh |
想学习前端的小伙伴么赶快收藏起来吧，一起共勉！
相关文章
原标题：铁杆三国不氪金最强阵容在铁杆三国游戏中，想要取得胜利，阵容的搭配是关键，一个好的阵容搭配，可以让你在游戏中所向披靡，对于新手玩家来说，一个好的阵容，可以让你更好的度过新手期。那么问题来了，阵容2024-04-28
三国杀没绑定手机怎么找回密码 手机三国杀个性注册账号未绑定手机如何找回密码？
个性化登记注册的务必专业到三国杀官方网站填写材料，如果没有填写一切材料的性格申请注册，号忘了就去找不回来了，毕竟是个性化申请注册，因此失窃概率小，强烈推荐手机号注册能通过注册手机号找回账号密码。先进到2024-04-28
2024-04-28
传承经典，热血永存。由征途系列原班人马打造的《征途2手游》5月11日11点开启付费测试，为大家呈现原汁原味的热血国战。此次付费测试，除了优化前测玩家反馈的建议和问题外，将推出全新职业！任务减负，体验升2024-04-28
《大唐无双手游》新职业站5月26号资料片上线测试，你等的它来了！
龙舟已备，北辰星降。《大唐无双手游》暑期资料片携手全新门派“北辰宫”重大归来！战略级新门派“北辰宫”既是神级辅助，也是逆转绝境的胜负手。无差别公平战场&2024-04-28
造梦4一款非常好玩的格斗类，游戏当中以西游记作为背景，将历史当中的剧情演变成了丰富的游戏剧情。大家都知道的是，九九八十一难当中有着许多妖魔鬼怪的侵犯，在造梦西游4中也是如此。那么该怎样组建强大的队伍来2024-04-28
最新评论