2021 年：一个前端开发者的蜕变
2023-11-17 22:23:26
走上技术之路，你永远都是追赶者，而前端的进步更像一道永远追不到的彩虹。
从刚接触的懵懵懂懂，到略懂皮毛的兴奋，再到初见山川的狂妄，回头看，你永远比你以为自己停留的地方落后。
对于前端开发人员来说，这一点更加明显。技术之树的一片新芽都是新的领域，等待你探索和学习。只有学习和应用新技术，你才能在技术创新和个人进步中不断成长。
这里列出了 2021 年值得关注的 8 项前端技术。
1. HTML
超文本标记语言（HTML）作为构建网页的基本骨架，是前端开发的基石。作为开发人员，你应该精通 HTML 的基础知识和语义化标签，因为这是前端开发的起点，也是前端技术创新的基础。
学习资源：
- HTML 教程：https://www.w3school.com.cn/html/index.asp
- HTML5 教程：https://developer.mozilla.org/zh-CN/docs/Web/HTML/HTML5
- HTML 教程：https://www.runoob.com/html/html-tutorial.html
2. CSS
层叠样式表（CSS）用于定义 HTML 元素的显示方式。熟练掌握 CSS 可以让你拥有对前端样式的精细掌控力，从而创建出美观、易用的界面。
学习资源：
- CSS 教程：https://www.w3school.com.cn/css/index.asp
- CSS3 教程：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS3
- CSS 教程：https://www.runoob.com/css/css-tutorial.html
3. JavaScript
JavaScript 是一种被广泛使用的前端编程语言，也是前端开发的核心技术之一。学习 JavaScript 可以让你在浏览器中创建交互式元素和动画，从而增强用户体验。
学习资源：
- JavaScript 教程：https://www.w3school.com.cn/js/index.asp
- JavaScript 教程：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
- JavaScript 教程：https://www.runoob.com/js/js-tutorial.html
4. 前端框架
前端框架是一组预先构建的组件和工具，旨在简化和加快前端开发。如 Vue、React 和 Angular 等，都是时下流行的前端框架。它们可以帮助你更快地构建交互式和响应式的应用程序。
学习资源：
- Vue.js 教程：https://vuejs.org/v2/guide/
- React 教程：https://reactjs.org/tutorial/
- Angular 教程：https://angular.io/tutorial
5. 前端工程化
前端工程化是一系列用于构建、测试和部署前端应用程序的工具和实践。前端工程化可以帮助你提高前端开发的效率和质量，使你的应用程序更加健壮和可靠。
学习资源：
- 前端工程化教程：https://www.webpack.js.org/concepts/
- 前端工程化教程：https://parceljs.org/
- 前端工程化教程：https://rollupjs.org/guide/en/
6. 服务端渲染 SSR
服务端渲染（SSR）是一种将 HTML 和 CSS 直接发送给浏览器，而不是发送 JavaScript 代码的渲染技术。SSR 可以提高页面的加载速度，并使页面对搜索引擎更加友好。
学习资源：
- SSR 教程：https://ssr.vuejs.org/en/
- SSR 教程：https://reactjs.org/docs/ssr.html
- SSR 教程：https://angular.io/guide/server-side-rendering
7. 静态站点生成器 SSG
静态站点生成器（SSG）是一种将 HTML、CSS 和 JavaScript 构建成静态文件的工具。静态文件可以被直接部署到网络服务器上，而无需后端代码。SSG 可以帮助你创建快速、安全的网站或博客。
学习资源：
- SSG 教程：https://jekyllrb.com/docs/installation/
- SSG 教程：https://hexo.io/docs/
- SSG 教程：https://hugo.io/getting-started/
不断学习新技术、不断挑战自己，是成为一名优秀前端开发者的必由之路。希望这份 2021 年前端开发手册能够帮助你开启前端技术之旅。
学无止境，前程似锦！
