当前位置:首页 » 网页前端 » 自学前端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

自学前端

发布时间: 2022-01-24 23:49:06

① 如何才能自学web前端

学习前端首先要学的就是基础(html,css,javasrcipt,html5,css3,jquery)
前期学习html和css,(用来布局和修饰页面),接着学习javascript(比较重要,要学好它),
还有ajax,jons,es6语法,http协议等这些是重点。
jq是js的框架,只是为了更快的开发项目,所以学好js才学jq就会觉得jq很容易。
基础扎实之后开始学习框架,先从简单入手,bootstrap一个比较简单的框架,
可以找一些比较简单的响应式官方网站来模仿练习。接着可以学习比较主流的框架
如:vue、angular、react.学一个就可以了,当然你也可以都学,但是一般就学一个也够了,
(我个人是使用vue和angular),建议是学vue,因为在目前微信小程序是比较主流的,
vue的写法和微信小程序很像,所以学vue对你以后学小程序是有帮助的。
当然只有这些还不够,要学会使用数据库,node.js,还有git等(git代码管理工具,团队开发的时候比较重要)
至于在哪学?当然是看视频教程一边看一边跟着写罗。

② 怎样才能自学好Web前端!

Web前端入门简单,非常适合零基础小白去学的。想学好Web前端,怎么少得了一份学习路线?下面分享一份自己收藏的Web前端的学习路线,希望能帮到大家。

学Web前端一般在2万左右,4-6个月左右的时间。应该根据自己的实际需求去学校实地看一下,面授的,先好好试听之后,再选择适合自己的。只要努力学到真东西,前途自然不会差。

③ web前端自学要多久

这个要看个人的实际情况决定;自学最注重个人的自制力和学习力,你要抵御各种诱惑,还要有详细的学习规划,才能保证正常的学习,徐徐渐进。下面的学习路线或许对你有帮助:

前端完整学习路线

第一阶段:

HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。

JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。

第二阶段:HTML5和移动Web开发

HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。

CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

第三阶段:HTTP服务和AJAX编程

WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。

第四阶段:面向对象进阶

面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

面向对象三大特征:继承性、多态性、封装性、接口。

设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

第五阶段:封装一个属于自己的框架

框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。

框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

第六阶段:模块化组件开发

面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

面向模块编程:AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。

第七阶段:主流的流行框架

Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用库:React.js、Vue.js、Zepto.js。

第八阶段:HTML5原生移动应用开发

Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。

Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。

HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。

第九阶段: Node.js全栈开发:

快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。

核心模块和对象:全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操做。

④ 怎么自学前端

自学方法:

1、作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。

2、视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是在建立于你已经对于某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加利于你对于知识的理解。

3、对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于学习web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目的买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。

自学路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍:

1、《Head First HTML与CSS(第2版)》,入门真的是经典书籍,手把手教学,丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》,这本书作为 CSS 的经典着作,把原理讲得非常的通透,除了 w3c 标准,算最权威的一本了,毕竟权威指南。

3、《CSS揭秘》神书,47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了,css 进阶必备。

4、《javascript语言精粹》,这本书可以在入门之前了解一下基本语法,以及在学习之前可以了解下 JS 里面的精粹以及糟粕,虽然这本书很薄很薄,但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》,本书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》:犀牛书是每个FE都绕不过的一本书,可以先大致通读几遍,也可以把其当作工具书,时时翻阅。

视频教程:

网页链接

望采纳~

⑤ 自学前端

好消息是在毕业前你还有两年的时间来系统学习,不至于在毕业的时候手忙脚乱,大学的时间很充裕,毕业出来工作可就没那么多时间精力了。专业其次,找到自己兴趣学好深入才是关键。

html(5) css(3) 先花一个月全部过一篇, 并练习一下手写基本静态页面和简单布局,再系统学习 javascript (建议先简单视频教程入门再深入教材) 3大基础过一次,

再回头重新复习一次,这时候会遇到许多问题比如浏览器兼容性等,现在你就可以动手实战了,至于前端要学的东西很多很杂,最好有个记录学习的知识体系,借助工具如为知笔记软件来系统管理自己的文档知识库,下面这幅体系图你看完有个大体了解。能学到什么程度靠自己,学好前端不容易,励志鸡汤就不给你喝了。

⑥ 前端自学可以么 难不难

前端开发是互联网IT行业中,技能要求来说较为简单的一个职业,是很多人转行IT的选择,但也因人而异。

只要了解学习的体系,掌握正确的学习方法,学习起来并不难。来讲一下前端开发都要学哪些课程!

前端开发的主要学习内容:

  • 基础: HTML+CSS页面搭建,CS核心和PC端页面开发,HTML5移动端页面开发

  • 核心: web前端核心技术JavaScript,ecmasript,dom,ajax,json,正则,作用域,运动框架,核心算法,高级函数,插件封装。

  • 高级: html5+高级JavaScript开发,大数据可视化,webapp交互接口,lbs定位,微信sdk,es6标准,高级算法,数据结构,插件封装。

  • 框架: bootstrap、vue、react、angular、sass企业开发应用。

给你一些自学的建议:

1、做好心理准备

虽说前端学习起来相对简单,但是还是要做好吃苦的准备,坚定自己的信心。

2、准备好学习计划

这个主要就是要规划好自己的自学路线,要先学什么,再学什么,学习的重点是啥等等,然后从基础的开始学起,一步一个脚印地向前走。

3、多注意实践

学会知识后得会用,才是真正的掌握,建议你在学习的过程中,可以多找一些项目进行练手,提升实战能力。

互联网行业目前还是最热门的行业,学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的,发展前景非常好,普通人也可以学习。

想要系统学习,你可以考察对比一下开设有IT专业的热门学校,好的学校拥有根据当下企业需求自主研发课程的能力,建议实地考察对比一下。

祝你学有所成,望采纳。

⑦ web前端可以自学吗

可以是可以的,这一点毋庸置疑。任何你想学的东西基本都可以自学。

但是凡事都有一个但是,你学前端的目的是什么。身为一个做了十多年的前端从业者我觉得有必要提醒一下,如果是为了工作,那么培训班无疑是最快,最系统的方式。很多人刚开始都是踌躇满志,觉得自己肯定可以,但大多坚持不了多久就拉胯了。并且自学的一个问题就是没有重点,如果是为了工作的话,那么原生JS其实根本就不那么重要,反而是各种各样的框架,库才是重点,而学习这些框架,库基本上又相当于学了一门语言。培训班首先是有一定强制性,其次是有学习氛围,可以让你更快的入门。
当然,前端也是需要自学精神的,因为在培训班基本就是入门,前端更新迭代快,确实需要你有很强学习能力,不然很容易掉队。
如果只是为了打发时间,那学习前端肯定是个好主意。

⑧ 前端开发怎么自学

前端开发是互联网IT行业中,技能要求来说较为简单的一个职业,是很多人转行IT的选择。只要了解学习的体系,掌握正确的学习方法,学习起来并不难。来讲一下前端开发都要学哪些课程!

前端开发的主要学习内容:

  • 基础: HTML+CSS页面搭建,CS核心和PC端页面开发,HTML5移动端页面开发

  • 核心: web前端核心技术JavaScript,ecmasript,dom,ajax,json,正则,作用域,运动框架,核心算法,高级函数,插件封装。

  • 高级: html5+高级JavaScript开发,大数据可视化,webapp交互接口,lbs定位,微信sdk,es6标准,高级算法,数据结构,插件封装。

  • 框架: bootstrap、vue、react、angular、sass企业开发应用。


给你一些自学的建议:

1、做好心理准备

虽说前端学习起来相对简单,但是还是要做好吃苦的准备,坚定自己的信心。

2、准备好学习计划

这个主要就是要规划好自己的自学路线,要先学什么,再学什么,学习的重点是啥等等,然后从基础的开始学起,一步一个脚印地向前走。

3、多注意实践

学会知识后得会用,才是真正的掌握,建议你在学习的过程中,可以多找一些项目进行练手,提升实战能力。

互联网行业目前还是最热门的行业,学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的,发展前景非常好,普通人也可以学习。

想要系统学习,你可以考察对比一下开设有IT专业的热门学校,好的学校拥有根据当下企业需求自主研发课程的能力,建议实地考察对比一下。

祝你学有所成,望采纳。

⑨ 前端开发可以自学吗

因人而异

自学肯定也是可以的,最主要还是要看个人的学习能力,意志力,和自己的决心,

下面我就说一下,在自学时需要注意的一些误区和如何自学前端知识。

前端自学者存在的学习误区:

1、所学东西可能已过时

奉为经典的东西可能已经过时,或者已经有了更好的替代者,而你获取信息的渠道有限,消息滞后,导致学习的内容也相对滞后。

2、学习方法盲目。

看书看不懂就找视频类教程学习,觉得教程跟自己的口味不符就另寻他法,因为自己缺少对资源的辨识能力,总是在没有清晰规划学习线路的情况就盲目学习,导致无效学习时间过长而收获寥寥。

3、只有理论,缺乏真实项目锻炼。

对技术的理解停留在理论层次,而缺乏真实企业项目的历练,如果没有相关实习或工作经历,对前端岗位具体的责任划分和工作流程了解不充分。

如何自学前端知识:

学前端的话,书籍是必不可少的:

1、《JavaScript高级程序设计(第3版) 红皮书 》,适合有一定编程经验的Web应用开发人员阅读,也可作为高校及社会实用技术培训相关专业课程的教材。

2、《JavaScript权威指南(第6版)》 犀牛书,本书不仅适合初学者系统学习,也适合有经验的 JavaScript 开发者随手翻阅。

3、《JavaScript DOM编程艺术 (第2版)》,本书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践,并全面探讨了HTML5以及jQuery等JavaScript库。

4、《CSS权威指南(第三版)》,不管你是一个有经验的Web开发人员还是一个彻底的初学者,《CSS权威指南(第3版)》都是你的CSS学习源泉。

5、《JavaScript设计模式》,适合JavaScript初学者、前端设计者、JavaScript程序员学习,也可以作为大专院校相关专业师生的学习用书,以及培训学校的教材。

6、《你不知道的JavaScript(上中下卷) 》,本书既适合JavaScript语言初学者了解其精髓,又适合经验丰富的JavaScript开发人员深入学习。

7、《Vue.js权威指南》,该书内容全面,讲解细致,实例丰富,适用于各层次的开发者。

学习路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

视频教程:

网页链接