前端入门——几个月的小总结

2021-4-14工作小结

一转眼就到了2021年夏天，在汽车前装DVR项目熟悉两三个月过渡后，我开始了前端的学习。（个人学习背景：普本工科测控专业，大学期间搞单片机嵌入式，目前毕业约2年，入门前端约小半年）

从基础的响应式页面，写HTML结构，写样式，写客户端交互JavaScript；期间也快速熟悉了node.js服务端JavaScript运行时，react native移动端app；近期入门微信小程序，云开发的功能特性还需要花去时间掌握。以下是一个学习期间简单的回顾，一些零散的代码碎片并未整理好（打算假期时，再整理知识碎片）

早期学习总结

HTML5是比较容易入门的（比起C++而言），网页设计中CSS样式的熟悉比较花时间，对盒模型的理解，弹性布局和栅格布局的应用是重难点。
JavaScript的话，客户端主要是操作DOM和BOM，熟悉相关API，找些案例多练练；服务端可展开的就很多了，数据结构，模块化，高阶函数，闭包（这一块我一般在晚上花时间，正在一点一点啃下来）

网页

网上的教程有很多，学习路线一般是

1. 跟着视频学概念，结构，看完一小节，自己能不能把代码敲出来实验
2. 跟着参考书学
3. 找网上的小项目，小例子，GitHub上很多

我的话在B站看黑马程序员的前端课程视频（时长较长），跟着练习在线商城首页，包括移动端的携程，苏宁易购首页。（也在YouTube上看相关视频（时长较短））

johnsmilga的js和html5小项目（他的项目小而美），以及其他博主的js练习。

nodejs

跟随B站黑马程序员nodejs课程，模仿https://cnodejs.org/，写小型网络讨论社区。

近期工作总结

之前说有微服务的项目要好好准备，由于某种原因推延了；最近两个月都在学微信小程序。
学习方式：书本《微信小程序从0到1》，视频《极客时间-微信小程序从1到2》

微信小程序

借助《微信小程序从0到1》书中的小项目进行学习。

使用豆瓣电影接口拉取影片咨询简单展示。

自己尝试微信小游戏，简易版连连看

书中还有小程序版简易计算器，使用接口拉取天气数据，笑话和趣图数据，做简单展示的例子。

现代网页

这一次主要是复习HTML和CSS。
fcc的练习，做到帮助文档页，产品介绍页，反馈表单页，个人作品页。

接下来的计划

总之，前端要学的还有很多，webpack，vue，react…互联网的学习资源很多，先快速入门，再稳步推进吧

当然，先继续熟悉小程序云开发功能，项目实战。