web前端开发你们是怎么学习的?

如题所述

前端学习大致方向:

1、学习HTML、CSS,完成各标签的实现作用,熟悉HTML5、CSS3新特性,独立完成一个页面布局;

2、在上述基础上,对主流浏览器兼容性问题的解决,平时做好代码碎片管理,积累实例。

3、学习JavaScript,完成原生的JS的代码实现页面各种行为,积累实例(这部分深入学习对以后帮助相当大);

4、在学习JavaScript的基础上,学习一两个框架(JQuery、Bootstrap、AngularJS),对以后快速开发一个页面帮助很大;

5、学会简单使用PS、AI、CDR,可以帮助自己提高页面布局,UI美化的技能。

PS:前期多看别人的代码,多自己敲代码,多看帮助手册,少粘贴复制

HTML\CSS ,上手较快,主要是熟练度问题;

JS,上手不易,前期基础要打好,学习周期稍长些(一般连续学习2-4个月就可以脱手自己写大部分的代码);

学习框架,有良好JS基础上手较快,多做实例就可以达到熟练程度。

以上都学好了,基本上开发一个完成的网站不成问题,后期感兴趣可以再去接触后端,实现各种交互功能,逐步向全栈工程师发展。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-03-05
学习web前端一定要有方向:
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
这个是学习web前端的方向,你可以从上到下看看自己有哪些不懂的地方,这些就是你的盲区,然后通过学习视频或者是参加培训班把这些弄明白,在学习方法上,学习web前端就是做到三多,多思考、多问、多敲键盘学习的本质就是不断的重复,熟能生巧,希望可以帮到你。
第2个回答  2021-04-23
如今的WEB前端工程师不论是薪资待遇还是工作环境都很不错,因此吸引了不少的人加入。
第一个阶段,HTML5+CSS3,需要大家掌握的知识点是我们常用的浏览器和浏览器内核是什么,和html语法和使用技巧并将常用标签掌握。还需要学习的就是css的语法和使用技巧等等。这个阶段大家一般需要学习的时间在10天左右。
第二个阶段,js交互设计的学习,需要大家掌握JavaScript语法和相应的算法,如:用户界面交互、变量提升及变量作用域、定时对象等。其它类似,cookie原理解析、正则表达式、面向对象原型继承、http协议、Ajax前后台数据交互等等也是需要大家学习的。这个阶段一般需要大家学习的时间在两周左右。
第三个阶段,node开发,需要大家掌握的知识点主要是,webpack模块打包器、客户端服务器交互模型、 JavaScript 异步编程模型、 JavaScript 模块化编程方式、 能够使用 Node.js 操作 MongoDB 数据库、 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目、能够独立完成企业网站从前台到后台的基本开发工作。这个阶段需要大家学习的时间在两周左右。
第四个阶段,前端框架的学习,这个阶段需要大家掌握的知识点主要是, D3.js 进行大数据可视化交互开发、Vue 技术栈进行项目开发、React 技术栈进行项目开发、源代码管理工具的使用、web项目的部署与发布模式学习,可以对常见网站业务模块进行开发等等,这个阶段一般需要大家的学习时间在两周左右。
第五个阶段,小程序与app开发,这个阶段需要大家学习的知识点主要是,小程序开发基础并独立开发小程序项目、Canvas的掌握、小程序开发框架mpvue的使用、第三方AI平台的使用等。这个阶段需要大家学习的时间在三周左右。
没有基础的小伙伴想要成为专业的WEB前端工程师在千锋只需要5个月左右的时间就可以成为合格的WEB前端工程师。
第3个回答  2018-12-19
前端工程师学习步骤:先学HTML ,再学CSS、JavaScript ,再学 jQuery、最后学 ajax和前端框架(前端框架包括:Vue、React、angularjs 等 )。
用到的编程工具:vscode、notepad++ 、sublime等同类产品,调试接口数据用postman。
第4个回答  2020-03-12
一定要重视基础,

首先建立第一条技能线:就是前端由html,css,js组成;

然后将其细化为第二条线,html是由html4和html5组成;

第三条线,css由css2和css3组成;

第四条线,js由es5和es6构成。

接下来是框架方面的延伸:css方向有less,html方向有bootstrap,js方向有jquery库。

再往下就不磨叽了,有免费课程可以听一下:

http://19.offcn.com/class-101313/?scode=HZLOFZ