从web开发小白到一个中级工程师一般需要多久？

时间：2024-02-08 17:00:01 | 来源：网站运营

时间：2024-02-08 17:00:01 来源：网站运营

从web开发小白到一个中级工程师一般需要多久？：从web小白到初级工程师，不应该问需要多久。学习成长的时间在于个人的学习能力，作为一个小白需要了解的是需要掌握什么知识点。

中级前端工程师需要掌握技能：

CSS3、HTML5和动画效果；掌握新增标签、浏览器适配、实现、输出、语法与注释、变量和数据类型、JavaScript函数、JavaScript异常处理和时间处理；DOM对象，正则表达式等；具有JS基础，重点要掌握的是Jquery、angularJS、bootstrap。

懒人目录：

• 第一个阶段：HTML5+CSS3
• 第二个阶段：Web网页开发
• 第三个阶段：JavaScript 网页编程
• 第四个阶段：Node.js 与 AJAX
• 免费资源大放送

第一个阶段：HTML5+CSS3：最新版Html5+Css3由浅入深教程

1. HTML5：浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5 新增标签
2. CSS3：基本语法规范、常用的基本选择器用法与技巧、复合选择器使用、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧、圆角、阴影、过渡等新属性、定位和浮动、伪类和伪元素、chrome调试工具、CSS高级技巧（精灵图、滑动门、CSS三角等）、CSS常见布局技巧大全、网页开发规范以及流程、CSS企业级网页开发、网页开发常见问题以及解决方案、CSS常见兼容性问题以及解决方案
3. 电商项目：Photoshop 切图、cutterman插件一键切图、代码组织原则、项目开发实战流程、电商类复杂页面布局规范、CSS初始化技术选择、CSS字体图标使用、布局技巧大全、完整的多页面开发、网页语义化设计、CSS页面模块化开发、复合选择器的应用、复杂网页结构排版、基本变换特效、电商类常见布局问题解决方案

本阶段学习关键词：

HTML5、CSS3、语义化标签、CSS3新属性、盒子模型、定位与浮动、CSS 调试技巧、PS 切图、网页特效、静态页面开发、PSD文件还原网页文件。

本阶段需要掌握的能力：

• 了解常用浏览器和浏览器内核；
• 了解语义化的概念；
• 掌握 HTML 语法及使用技巧；
• 掌握 CSS 语法及使用技巧；
• 掌握 DIV+CSS 布局方式；
• 掌握常见网页布局模式；
• 掌握 HTML5 常用标签；
• 掌握 Photoshop 切图以及插件切图；
• 能够熟练使用开发人员工具进行页面调试；
• 能够完成基本的动画效果；
• 能够根据PSD文件独立完成静态页面的开发工作；
• 能够使用CSS3新属性美化修饰网页。

第二阶段：移动web网页开发：移动web开发6天完整

1. H5C3进阶：新布局标签、多媒体标签、新增表单标签、新增表单属性、2D、3D 变换、animation 动画、炫酷页面开发
2. Felx伸缩布局：传统布局的局限性、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网 Flex 移动端页面开发
3. 移动端开发：移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、真机调试、viewport 视口、rem 单位使用、移动端主流适配解决方案、常见移动端样式兼容方案、预处理器 less、媒体查询

本阶段学习关键词：

HTML5 标签、CSS3 动画、移动端适配、真机调试、rem、flex 布局、媒体查询、Bootstrap、Viewport、移动端调试

本阶段需要掌握的能力如下：

• 掌握 HTML5 新布局标签、多媒体标签；
• 掌握 CSS3 2D、3D 变换、动画效果；
• 了解移动端屏幕、移动端浏览器、操作系统的不同；
• 掌握常用移动端调试方法；
• 掌握常用移动端适配方法；
• 掌握 CSS 预处理器 less 的使用；
• 掌握常用移动端框架使用方法；
• 掌握常见移动端页面开发；
• 掌握响应式布局开发；
• 掌握 Bootstrap 开发响应式页面；
• 掌握适配不同终端的网页开发技术选型。

第三个阶段：JavaScript网页编程：前端-Javascript基础视频教程-video

1. JavaScript 基础：基本语法、常用数据结构、编码规范约定、内置对象常用方法、常见 JavaScript 算法大全、对象的创建方式和 this 讲解、构造函数
2. Web APIs编程：BOM 操作大全、DOM 操作大全、网页特效大全、事件处理流程、浏览器兼容性解决方案、封装动画函数
3. JavaScript高级：面向对象思想、JavaScript 中的对象深入理解、JSON 使用、闭包原理以及使用场景、原型以及原型链深入剖析、作用域链深入分析、函数的调用方式及 this 指向总结、正则表达式、面向对象理论与实践、ECMAScript 2015 (ES6) 新语法
4. jQuery快速开发：jQuery 的优势、jQuery 选择器、jQuery 中的动画、链式编程和隐式迭代、插件使用和制作、常见网页特效制作大全、团队协作开发流程

本阶段关键词如下：

网页编程、JavaScript 高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、jQuery、jQuery 插件

本阶段所需掌握能力如下：

• - 能够掌握 JavaScript 基本语法；
• - 掌握常见 JavaScript 算法；
• - 掌握 DOM 的各种操作；
• - 熟练使用面向对象思想进行 DOM 编程；
• - 掌握 JavaScript 的高级语法；
• - 熟练使用 jQuery 操作 DOM；
• - 熟练使用和编写 jQuery 插件；
• - 独立完成电商网站的页面搭建（包括 HTML 结构、CSS 样式、JavaScript 特效）；
• - 掌握应对业务编程的能力；
• - 掌握 JavaScript 常见兼容性方案；
• - 掌握团队合作开发流程。

第四个阶段：Node.js 与 AJAX：Nodejs教程精讲

1. Node.js基础：环境安装、REPL 运行环境、Node 中的 JavaScript、模块系统、模块加载机制、模块与包、NPM 常用命令、文件操作
2. 异步编程：环境安装、REPL 运行环境、Node 中的 JavaScript、模块系统、模块加载机制、模块与包、NPM 常用命令、文件操作
3. Web开发：回调函数、Promise 对象、Generator 生成器函数、Async 函数、常用异步流程控制库
4. Express：静态网站与动态网站、使用 http 模块创建 Web 服务、请求响应原理、HTTP 协议、处理页面请求、处理表单提交、Cookie 与 Session、MySQL 数据库、常用 SQL 语句、使用 Node 操作 MySQL 数据库、博客项目
5. 接口开发：安装与初始化、路由系统、静态资源处理、中间件使用及原理、常用第三方中间件、模板引擎、错误处理、调试 Express 应用、常用 API
6. 前端模块化：前后端分离架构模式、RESTFul API 设计、接口测试工具
7. AJAX编程：模块化开发基本概念、模块化演变过程分析、设计规范、Require.js、同步与异步概念、原生 AJAX、jQuery 的 AJAX 相关 API 使用、底层原理分析、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎

本阶段学习关键词：

Node.js、CommonJS、JavaScript 模块化、异步编程、服务端、MySQL、HTTP 协议、Express、Koa、Cookie、Session、中间件、分页、注册登录、模块化、CMS 系统开发、RESTful、Ajax、SQL

本阶段所需掌握技能：

• - 能够建立客户端服务器交互模型，熟悉网络通信相关概念；
• - 能够使用 Node.js 进行 Web 服务端开发；
• - 能够掌握 JavaScript 异步编程模型；
• - 能够掌握 JavaScript 模块化编程方式；
• - 能够使用 Node.js 操作 MySQL 数据库；
• - 能够理解 HTTP 协议；
• - 熟悉原生 Ajax 请求流程与细节，并掌握常见跨域技巧；
• - 能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能；
• - 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目；
• - 能够独立完成企业网站从前台到后台的基本开发工作。

以上内容均为传智播客原创内，如需转载请按照规范转载标明出处。如有想要自学的小伙伴，需要更详细的课程大纲以及配套视频，课堂笔记+源码的话。私信或者留言获取。

课程资源：

• 前端与移动开发基础入门到精通
• 6天玩转JavaScript基础教程
• JavaScript高阶教程