前端开发基础（一）- 学习路线
前言
关于什么是前端，可见前端技术与后端技术之间的区别🤔
学习路线
基础知识
- 计算机网络基础知识
- HTTP/HTTPS 协议
- DNS 解析
- 浏览器工作原理
- CDN 内容分发网络
- HTML 基础知识
- 语义化标签
- HTML5 新特性
- 表单和验证
- SEO 基础
- CSS 基础知识
- 盒模型
- 选择器和特异性
- Flexbox 布局
- Grid 布局
- 响应式设计和媒体查询
- CSS 动画和过渡
- JavaScript 基础知识
- 变量、数据类型和运算符
- 函数和作用域
- DOM 操作
- 事件处理
- Promise 和异步编程
- ES6+ 新特性
开发工具
- Git 版本控制
- 基本操作
- 分支管理
- 协作工作流
- GitHub 等仓库托管服务
- 创建和管理代码仓库
- Pull Request
- Issues 管理
- 浏览器开发者工具
- 元素检查
- 网络监控
- 性能分析
- 调试技巧
- npm/yarn 等包管理器
- 依赖管理
- 脚本运行
- 版本控制
前端进阶
- CSS 预处理器和框架
- Sass/SCSS/Less
- Tailwind CSS/Bootstrap
- CSS 模块化
- 构建工具和模块化
- Webpack/Vite
- Babel
- ESLint/Prettier
- React，Vue.js 等前端框架
- 组件化开发
- 虚拟 DOM
- 生命周期
- 状态管理(Redux/Vuex/Pinia)
- 路由管理
- TypeScript 类型检查器
- 类型定义
- 接口和类型别名
- 泛型
- 高级类型
现代前端技术
- 前端测试
- 单元测试(Jest/Vitest)
- 组件测试(React Testing Library/Vue Test Utils)
- 端到端测试(Cypress/Playwright)
- SSR 服务端渲染
- Next.js(React)
- Nuxt.js(Vue)
- 性能优化
- SSG 静态网站生成器
- Gatsby
- VuePress/VitePress
- Astro
- Web 性能优化
- 资源加载优化
- 代码分割
- 懒加载
- 缓存策略
- 性能指标(Web Vitals)
- 跨平台开发
- React Native
- Electron
- 小程序开发
- PWA 渐进式 Web 应用
- Service Worker
- Web App Manifest
- 离线存储
专业素养
- 网络安全基础知识
- XSS/CSRF 防护
- 内容安全策略(CSP)
- HTTPS 原理
- Web 无障碍(A11y)
- ARIA 角色和属性
- 键盘导航
- 屏幕阅读器适配
- 国际化(i18n)和本地化(l10n)
- 文本翻译
- 日期、货币格式化
- RTL 布局支持
- CI/CD 和部署
- 自动化构建
- 持续集成/持续部署
- 云服务部署(Vercel/Netlify/AWS)
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 AnA.！
微信- 支付宝
相关推荐
评论