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

开课吧开课吧锤锤2021-05-11 11:26

    在移动互联网发展的今天,前端开发是关键。手机上有多种平台,安卓、iOS、微信、支付宝、以及不断涌现的新操作系统,如阿里YunOS、华为鸿蒙等。

web

    为支持这些平台和系统,越来越多的应用开始采用H5跨平台架构,而现在又出现了“大前端”这个新名词。

    一,H5跨平台开发

    此时H5前端开发已经不再是单纯的网页开发,而是应用开发。关于H5Hybrid体系结构,常见的三剑客有:HTML,css,JavaScript。

    HTML和css都是没有代码逻辑的页面设计。

    JavaScript编程,也有一些其他的派生语言,例如TypeScript。

    JavaScript是一种由解释器加载执行的脚本语言,通常用于网页前端的动态显示以及服务后端的交互等场景中。下一步是JavaScript开发。

    二,学习阶段和时间计划

    1)编程基础,一到两周

    了解JavaScript语言的基础知识,掌握基本编程方法。假如对课本教程学习比较乏味,难于坚持,可以利用一些在线学习练习资源,边学边做,例如HackerRank。

    2)开发框架,一到两月

    有许多可用于JavaScript前端开发的成熟框架,如JQuery、AngularJS、React,以及前后端运行的NoteJS。阿里开放源码框架AntDesignPro是一个功能完善的支架,推荐给初学者练习。

    初学者学习时,推荐目前常用的Top3开发框架,太新或太老都不适合用于学习练习用。

    3)项目经验,一到两年

    学以致用,在实际工程中积累经验,不断提高是学习的最终目的。拥有一定的技术基础,建议尝试参与开放源码项目,在开发功能,提交代码的过程中,提升很快。开放源码项目的经验,和工作经验一样,在求职时也是很受欢迎的。

    Web前端开发学习计划

    HTML+css

    html+css是网页前端的基础,个人推荐你15天内就可以学会!实际上html标签不多,知道每个标签的属性和定义就可以了,css的常用属性也不多,要多练习,能熟练组合搭配!了解了这一点,你就会明白,页面的功能实现是由javascript完成的,这是忌讳的。

    2.javascript

    javascript是web前端的核心,它解释了为什么这样说。javascript是一种脚本语言,通常用来编写一些客户端脚本语言,如网站页面效果等。一般来说,html+css结合html5+css3会有意想不到的效果,如果HTML+css是harry,那么javascript就是引擎。应当是一种普遍适用的脚本语言,在这里有很多地方使用,并且封装了不同的react.js、angular.js、vue.js、ext.js、iMAG.js等等,因此它非常出色。学习速度慢一点你可以花1.5个月来学习!

    学习内容:

    JavaScript编程,JavaScript语法,数据类型,操作符,表达式,过程控制,JavaScript内部对象,数组,字符串,日期时间,数学函数,正则表达式,JavaScript函数,定制函数,全局函数,BOM引言,window,本地对象,history对象使用。理解DOM树的DHTML编程,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

    来自Twitter的Bootstrap,是当前流行的前端框架。该软件基于HTML,CSS,JAVASCRIPT,简洁而灵活,使Web开发更快速。还有CSS/HTML框架。bootstrap提供优雅的HTML和CSS规范。

    学习内容:

    应答页面的开发和设计,强大的网格布局,内建CSS类库,JS插件,快速布局商城页面。

    5.photoshop(ps)

    Web前端的开发者必须掌握一些PS技术,比如PS切图。许多公司都会给你web前端开发的psd文件,你一定要知道,今天就能学到。

    最后

    网络知识相对来说不会那么枯燥,大家在学习的时候一定要“燥”,多练习多打代码,自己喜欢什么样的页面,赶紧多看多敲源代码,多看多做题。

    以上就是开课吧广场小编为大家整理发布的“怎么制定Web前端学习计划?”一文,更多Web教程相关内容尽在开课吧广场Web教程频道!

有用
分享