前端技术栈有哪些(前端开发技术栈是什么)

it猿 2023-07-25 18:01

前端技术栈有哪些

第一阶段：专业核心基础

1、Web 前端开发环境的配置，HTML 常用的标签，常用表单元素，Table 布局，CSS 样式表，DIV+CSS 布局。可以熟练运用 HTML 和 CSS 样式属性完成页面的布局和美化。

2、CSS3 选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用 CSS3 来开发网页和移动端。

3、了解 bootstrap，可以进行 bootstrap 源码分析。

4、使用 HTML、CSS、LESS、SASS 等技术完成网页项目实战。通过项目掌握第一阶段 HTML、CSS 等页面布局的内容、完成 PC 端页面设计和移动端页面设计。

第二阶段：Web后台技术

1、熟悉软件开发流程、算法、了解 JavaScript 变量、数据类型、函数、循环语句、数组等内容。可以熟练运用 JavaScript 的知识完成页面交互效果。

2、JavaScript 面向对象基础知识、异常处理机制、常见对象 API，浏览器兼容性处理、ES6 新特性。熟练掌握 JavaScript 面向对象的开发以及掌握 ES6 中的重要内容。

3、熟练操作和使用BOM以及DOM。

4、学习HTML5相关的 API、canvas、ajax 等。

第三阶段：数据库和框架实战

1、数据库知识，配置命令，建库建表，增删改查等操作。了解数据库管理系统及 MySQL 数据库的使用与管理。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web 模块，MySQL 数据库处理I，文件上传下载等。熟练运用 Node.js 运行环境和后台开发框架完成 Web 系统的后台开发。

3、学习 vue 的组件、生命周期、路由、组件、webpack、elementui 框架。对 Vue.js 框架的使用有清晰的理解，并且能够运用它完成基础前端开发、熟练运用 Vue.js 框架的高级功能完成 Web 前端开发和组件开发，对 MVVM 模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用 vue.js、node.js 完成 PC 端和移动端整站开发。

第四阶段：移动端和微信实战

1、React 面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux 基本概念。熟练使用 react 完成项目开发、掌握 Redux 中的异步解决方案 Saga。

2、react-native、开发工具、视图与渲染、API 操作、Flutter 环境搭建、路由、ListView 组件、网络请求、打包。熟练掌握 react-native 和 Flutter 框架，并分别使用 react-native 和 Flutter 开发移动端项目。

3、微信小程序入门、开发工具、视图与渲染、API 操作、支付宝小程序的入门和 API 学习。掌握微信小程序开发以及了解支付宝小程序开发。

4、大型购物网站实战，将整个项目前后端分离开发。

编辑器: sublime, webstorm, atom, vim等

调试工具: 浏览器自带的devtools，移动端页面远程调试等

构建工具: gulp, grunt, webpack

包管理工具: bower

远程服务器工具: filezilla/shell

靠谱，win前端模拟器值得买。

Win前端模拟器对电脑配置的要求取决于所模拟的Windows操作系统的版本和功能。一般来说，较老版本的Windows需要较低的电脑配置，而较新的版本需要更高的电脑配置。在一般情况下，Win前端模拟器需要至少2 GB的内存、1 GHz的处理器速度以及100 GB的硬盘空间。

目前用的sublime3，最性感的编辑器，可以自己添加插件，占内存很小，建议初学者使用。（因为要记标签属性等名字）。

Dreamweaver上个世纪的产品了，建议不用。

webstorm 是一个ide很强的前端开发软件，单词都可以检测出错误，提示非常全，占内存300W左右。（建议熟手使用）！