{eval=Array;=+count(Array);}
如果你想从事前端开发方面的工作。嗯,我认为要学的东西主要包括htmlCss样式,JavaScript 还有学一些前端框架,比如vue ElementUI H5页面开发 嗯还有node.js嗯,另外在学一些电脑方面的知识,比如服务器知识,网络知识,这些也是有必要的,还有开发工具也要学一学怎么用。
以找到一个工作为标准的话 学习周期大概两个月,有天赋的可以更短。需要学习的知识其他回答已经说了,HTML,css,JS是肯定要熟悉的,我说一些深入一点的吧:首先,前端的特点是新语法,新框架,新插件等层出不穷,那么应该全部学习还是只学一部分呢?我认为应该精通vue,了解angular与react,熟悉常用组件库如ant,layerUI等,领悟设计模式,比如为什么有时候单页面模式更好。关心当前流行的网站或者小程序类型,哦对了,小程序必须会!hbuilderx封装h5类型的app必须会,也就是uni-app必须会,国外的前端技术要了解。最关键的是,数据库必须会,这个其实花不了多久时间就能学会,但是在面试的时候议价能力就大大提升了,会数据库是指能用node.js或者PHP写一点增删改查,这样一个人就能做小型项目!总之,前端设计到的知识点实在太多,千万不要盲目去学习,要有目的有想法,围绕身价去学习,毕竟开发语言是工具,程序员是执行者,提高身价就是为行业做贡献的前提。
技术一直在更新迭代,所以学习是没有终点的。作为一名合格的开发者,在掌握基础技能的同时,需要一直保持对前沿技术的关注、学习并实践。
从当下看前端,前端也是一个大的领域,有多种细分,比如:PC端、移动端、小程序、游戏开发等。不同领域对应的技术栈也有所不同,但所需的基础知识是相同的(HTML、CSS、JS)。
【学习步骤】
第一阶段:入门
先掌握HTML、CSS、JS。学习的顺序最好也是,先HTML,后CSS,最后JS(重点,而且非常重要)。
第二阶段:企业实战
开发框架:国内现在最流行的主开发框架是Vue和React;Vue上手相对比较容易,可以先上手试试。
第三阶段:性能调优
掌握Performance性能调优工具、理解JS垃圾回收机制。
第四阶段:编程思想、设计模式
企业中一般只要做到第一、二阶段即可胜任初级前端工程师,认真学习两个月的时间足以。
【细分领域】
移动端:flex布局、一套Vue/React的移动端UI框架。
小程序:小程序原生开发(必须要会,即使用跨平台框架开发,原生开发也一定要会)、uni-app。
游戏开发:Egret游戏引擎、数学几何。
图像处理:PIXIJs、FabricJs、ThreeJs等图形渲染框架。
当然前端开发不能仅着眼于前端,还需要对后端知识有一定的了解,对后端开发语言至少要熟悉一个(NodeJS、PHP、Java、Golang、Python)。不仅让面试中多了加分项,更能让我们在更高的角度理解开发这件事。当然也会让我们在团队协作中更加得心应手。
【学习方法】
1、入门学习推荐视频为先,一般视频教程都能通俗易懂,讲得都很透彻,会越学越有信心。有官方技术文档的,可在视频后过一遍;
2、进一步提升,可以多看看优质作品。github上多找一些优质的项目,学学人家的代码是怎么写的,多看会受益颇多。
3、对于想急于找工作的同学,可以先到各大招聘平台上,了解下目前大厂(或意向企业)对于前端的技能要求,然后针对性的学习。如果时间充足,还是建议系统性的学习一下。
4、视频教学资源推荐B站,有很多优质的教学资源和讲师。我也一直在B站上学习,发现了B站是我人生中的重大事件,让我以更好的方式接触到了更多的事物!想当年我们在学习前端的那会儿,只能天天泡在图书馆。
注意:JS原生开发能力很重要!!!
开发框架可以提升效率,但万不可认为只要有框架就足以。扎实的基础很重要,它可以让我们做得更多,走得更远。
【最后说点啥】
做自己想做的事,希望所有人都能一直坚持下去,早日实现自己的小目标!
第一,必须掌握基本的Web前端开发技术,其中包括:CSS、HTML、DOM、BOM、Ajax、JavaScript等,在掌握这些技术的同时,还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
第二,在一名合格的前端工程师的知识结构中,网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
第三,必须学会运用各种工具进行辅助开发。
第四,除了要掌握技术层面的知识,还要掌握理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持,等等。
可见,看似简单的网页制作,如果要做得更好、更专业,真的是不简单。这就是前端开发的特点,也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手,对于老手来说,也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如,实现一个网站界面可能会有无数种方案,但有些方案的维护成本会比较高,有些方案会存在性能问题,而有些方案则更易于维护,而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的,对代码质量的要求也不同,但它们之间又有着千丝万缕的联系。
我作为一个十几年的前段架构师来说,前端最近几年属于蓬勃发展期,很多小伙伴都跑来学前端,但问题是,学蓬勃发展越表示,这是一个短期内根本不可能停止学习的职业。在我看来,前端行业短期内,每年都需要不间断进行自己的技术更新和迭代。虽然我们一般公司不会更新那么快,但,作为一个程序员,应该一直将自己摆在最前沿的位置。这样,当企业,公司需要做架构更新或者框架更新,自己才能在其中脱颖而出。
所以,前端,终生学习。不要停
前端最近几年属于蓬勃发展期,很多小伙伴都跑来学前端
前端都需要学什么(可以分为八个阶段)?
<1>第一阶段:
▪ HTML+CSS:
HTML进阶、 CSS进阶、DIV+CSS布局、HTML+CSS整站开发、
▪ JavaScript基础:
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
▪ JS基本特效:
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
▪ JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
▪ JQuery:基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
<2>第二阶段:HTML5和移动Web开发
▪ HTML5:
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.
▪ CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、flex布局、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
▪ Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
▪ 移动Web开发:
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、手机聚划算页面、手机滚屏。
<3>第三阶段:HTTP服务和AJAX编程
▪ WEB服务器基础:
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
▪ AJAX上篇:
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用、会处理简单的GET或者POST请求、
▪ AJAX下篇:
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
<4>第四阶段:面向对象进阶
▪ 面向对象终极篇:
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、ES6中变量的作用域(let ,const(声明变量只读),块级作用域),ES6中函数新特性。
▪ 面向对象三大特征:
继承性、多态性、封装性。
▪ 面向对象中创建对象的五种方法:
自定义对象 、工厂模式创建对象、构造函数、 混合模式创造对象、JSO格式创建对象。
<5>第五阶段:封装一个属于自己的框架
▪ 框架封装基础:
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
▪ 框架封装中级:
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
▪ 框架封装高级和补充:
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
<6>第六阶段:模块化组件开发
▪ 面向组件编程:
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
▪ 面向模块编程:
AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。
<7>第七阶段:主流的流行框架
▪ Web开发工作流:
GIT/SVN、Vue-cli脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
▪ 前端主流框架:
Vue.js、Angular.js、React.JS、Bootstrap。
▪ 常用库:
React.js、Vue.js、JQuery.js。
<8>第八阶段:Node.js全栈开发:
▪ 快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。▪ 核心模块和对象:全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、http://Socket.IO。▪ Web开发基础:HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。▪ 快速开发框架:Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。▪ Node.js开发电子商务实战:需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车,订单结算、在线客服即时通讯模块。
第一:理清Web前端的知识结构。要想高效学习Web前端知识,首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高,但是技术细节却比较多,内容也比较杂。Web前端的基础包括三大部分,包括Html、CSS和JavaScript,其中JavaScript是学习的重点,也是难点。另外,vue等框架也是需要熟练掌握的。
第二:紧跟技术发展趋势。目前Web前端的技术发展趋势有三个,其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响,在大数据的推动下,Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署,前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势,比如Nodejs的应用。
第三:注重动手实践能力的培养。学习前端开发一定要注重动手实践能力的培养,因为前端开发的细节比较多,所以只有多操作才能逐渐熟悉。前端开发目前被称为“大前端”,整个前端开发也被赋予了更多的含义,包括Web前端开发、移动端开发、大数据呈现端开发以及部分后端开发任务等等。所以,想要在前端行业中走的更远,一定要注重知识结构的丰富性。
1、html + css
理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。
2、JavaScript
不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议在网上找一些资源自学一下。Web前端需要学习那些知识?
3、Photoshop、flash
熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。 4、html5和css3
可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。
5、浏览器兼容
Web前端需要学习那些知识?懂web标准,熟练手写 xhtml css3 并符合。
符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。
6、熟悉一门后台编程语言 asp、php、jsp等
PS:有条件的话还是建议系统学习下,可以了解下U就业。
【此回答转自乐字节】
首先,计算机IT是一个非常大的概念,其中包含了很多不同的方向和专业,因此需要花费的时间和学费都是有所区别的。
就像我们去商场买衣服,问买衣服需要多少钱这样的问题很傻,只有在我们选择好款式之后,特定的问某一件衣服的价格,才能得到满意的答案。IT行业也是如此,IT是一个类,其中包括各式各样的专业,如果想要了解学费我们则需要特定的指出具体的专业,才能了解到确切的学费。
同理,学习时长则也是不能一概而论的,学员的年龄、学历不同因此学习时长也不同
学多久,这个没办法说,毕竟每个人接受知识的速度是不一样的,最基本的有HTML+CSS+javaScript这是最基本的基础知识,然后就可以学一下主流框架了比如 JQuery VUE
10
回答10
回答0
回答9
回答0
回答0
回答0
回答0
回答0
回答0
回答