怎么制定Web前端学习计划?

用户8328945825930


1、HTML+css(html5+css3)

2、javascript

3、jquery

4、jquery插件

5、移动端的jquery mobile

高级的:

1、面向对象的css,css预处理等

2、Vue.js(前卫的前端mvc框架)

3、js常见的设计模式

4、node.js

其他兴趣方向:

html5游戏开发,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前端是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开拓是从网页制作演变而来的,名称上有很明显的时代特性。在互联网的演变进程傍边,网页制作是Web1.0时代的产品,其时网站的基本内容都是动态的,用户利用网站的行为也以浏览为主。

Web前端的岗位职责是利用(X)HTML5、CSS、JavaScript、DOM等各种Web技能结合产品的界面开发。

Web前端开发学习计划

HTML+css

HTML+css是web前端基础,个人建议你在15天月之内学完!其实html标签不多,了解每个标签的属性及定义就行,css常用属性也不多,要多练,能熟练的组合搭配!学习这个的时候你不要去管页面功能实现,这是javascript的内容,这也是忌讳。

2.javascript

javascript是web前端的心脏,为什么这么说是有道理的。javascript是脚本语言,或者说是普遍用于写网站页面一些特效等作用的客户端脚本语言。现在普遍和html+css一起活跃在你的浏览器上……与html5+css3在一起组合有意想不到的效果,如果说HTML+css是哈雷,那么javascript可以说是发动机。应该是无处不在的脚本语言,有很多地方用到,而且还被封装了各种框架react.js、angular.js、vue.js、ext.js、iMAG.js等,所以它很优秀。学的慢一点你可以1.5个月的时间用来学习它!

学习内容:

JavaScript编程,JavaScript语法、数据类型、运算符、表达式、流程控制,JavaScript内部对象、数组、字符串、日期时间、数学函数、正则表达式,JavaScript函数、自定义函数、全局函数,BOM介绍、window对象、location对象、history对象使用。DHTML编程,理解DOM树,DOM对象,常用DOM对象的属性、方法和事件,编写事件处理程序、使用DOM操作HTML文档、遍历文档树上的节点、搜索文档中特定的元素、修改文档内容、往文档添加新内容、使用DOM操作XML文档。

3.jQuery

jQuery是一个兼容多浏览器的javascript库,核心理念是写得更少,做得更多。由于开发成本低,很多公司都做用,WEB前端工程师必备。它也是轻量级的js库,它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。

学习内容:

认识JQuery、选择器介绍、css选择器、jQuery选择器及其优势势、基本选择器、层次选择器、过滤选择器、表单选择器、选择器练习小案例等;JQuery操作DOM:DOM分类、查找元素/属性节点、创造元素/属性/文本节点、插入节点、删除节点、复制节点、替换节点、包裹节点、属性操作、样式操作、遍历节点、CSS-DOM操作;动画和事件:jQuery中的事件、加载DOM、事件绑定、合成事件、事件冒泡、事件对象的属性、移除按钮上注册的事件、模拟操作、JQuery中的动画。

学习周期应该在一个月左右

4.bootstrap

Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。也是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范。

学习内容:

响应式页面的的开发与设计,强大的栅格布局,内置的CSS类库,JS插件,快速布局商城页面。

4.photoshop(ps)

web前端开发人员必须会一些PS技术,如PS切图。很多公司是给你web前端开发人员psd文件,你必须要会,这个一天就可以学会。

最后

Web知识相对来说不会那么枯燥,大家在学习的时候一定要“燥起来”,多练习多打代码,自己喜欢什么样的页面,就赶快多看多敲源代码,看多了自己就会做了。做出自己的想要的网站是一件多么自豪的事啊。学习看个人能力,具体的学习计划还要因人而异,希望我的回答能帮助到你!


深圳神盾局


端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

如果是零基础开始,那么前端开发学习需要分阶段进行。

第一阶段:HTML5+CSS3。学习通过HTML5+CSS3能进行简单的网站应用和布局的开发。

第二阶段:Javascript。通过学习Javascript能对前端应用进行交互式开发。

第三阶段:Node开发。如果只想做纯前端开发,不做后端服务开发,这块学习基础即可,不需要深入学习。

第四阶段:前端框架。前端开发框架非常多,现在比较热门的有Vue、React、Angular等

第五阶段:小程序和App开发


分享到:


相關文章: