javascript零基础,js和javascript
大家好,关于javascript零基础很多朋友都还不太明白,今天小编就来为大家分享关于js和javascript的知识,希望对各位有所帮助!
零基础JavaScript学习路径
开发环境越简单越好,一定不要在这个环节浪费时间。
首先说编辑器的选择,sublime text、vs code、atom、webstorm,还有HBuilder。新手入门的时候总想找一个最好的编辑器,其实这编辑器就和游戏里面选英雄一样,没有最厉害的,只有最适合你的,如果还是拿不定注意,就选vs code吧,我感觉这个对新手挺友好的。
浏览器就用chrome,然后就可以开始撸代码了。
关于JavaScript版本,我建议还是从ES5开始学,有一定基础之后再来看ES2015+的新特性。
基本语法
学编程语言和学自然语言有很多相似的地方,我们得从最基本的单词和语法开始学。
变量:如何声明变量,如何给变量赋值。
数据类型:什么是数据类型,数字与字符串有什么区别。
运算符与表达式:常用的运算符有哪些?“=”、“==”与“===”的区别等等。
分支语句:if、switch
循环语句:for、while
函数:什么是函数,什么是参数,什么是返回值。
这些基本语法一定要非常熟悉,要不然后续的学习会举步维艰。
对象
对象是一个非常重要的概念,一定要灵活掌握:
对象:属性的无序集合,当属性值为函数的时候,我们叫这个函数为对象的方法。
数组:元素的有序集合。了解数组的常用方法
日期对象:获取年月日时分秒
数学对象:获取随机数
了解其他对象:正则表达式、包装对象,其实函数也是对象,不过这些简单了解一下就行。
每个对象都有很多方法,这些方法知道在哪里查就行了,千万不要去背,就像我们学英语,必要的单词要背,但是大部分单词知道用词典查就行了。
DOM
DOM的树状结构
节点:元素节点、文本节点、属性节点
节点关系:同级、父子级等等
获取节点:querySelector、querySelectorAll等等
节点操作:增删改查
事件绑定:事件流和事件委托应该了解一下
DOM提供的方法也很多,仍然不要过多的投入精力,新手自学总是会被这些大量的方法困扰,我们要做的是对DOM有一个概括性的了解,至于那些杂乱的接口,后续我们完全可以用jQuery或框架代替。
(如果对DOM感兴趣,可以在技能掌握得稍微全面一些之后,再回来深入学习也是可以的,但是前期投入大量时间,确实会影响学习效率)
jQuery
jQuery是必须要会的,但是jQuery上手确实很简单,用两天时间了解一下jQuery的用法,然后就可以利用jQuery实现各种页面效果了,前期肯定会磕磕绊绊,但是jQuery的资料有很多,一边学一边做就行。jQuery熟练了之后,就可以开始着手学习JavaScript进阶一点的内容了:
原始类型与引用类型的区别
各种类型转换和类型检测
闭包:函数套函数,怎么套自己都不蒙就行了。
原型:构造函数、原型属性、基于原型的继承是怎么实现的。
this:可以开个坑好好研究研究
了解node
node现在可以说是前端必学的了,但是不是学用node做后台,而是用node生态下的各种工具,顺便借node了解一下后台。
使用node开一个静态服务器
使用npm下载第三方模块
webpack
babel
最好能用express写一个简单的后台程序(一个server.js就够了),处理一些请求,这样我们学习ajax的时候就可以自己写后台接口了,当然这需要有http协议的基础知识。
ES2+新特性
变量和常量:为什么要抛弃var?
结构赋值
箭头函数
模块化
class
编译
像promise,async/await函数等等这些,看自己能力了,有兴趣看看,不看也不影响后面学习,但是,就算现在不学,这个后续也是要补的。
框架
react、vue选一,零基础的初学者强烈推荐vue,如果技术型前端,推荐react。
零基础学习java,javascript学习指南
JavaScript初学者及参考必备:
1.先说说学js的条件
论条件,咱是文科生,大学专业工商管理,和计算机毛关系都没;有人说英语,读了四年大学,很遗憾,咱还四级没混过;就咱这条件都学得乐呵呵的,您还等啥。
当然学习JS也是有门槛的,就是你的html和css至少还比较熟练,您不能连<body>这东东是干啥的都不知道就开始上JS了,学乘除前,学好加减法总是有益无害的。
学习JS的忠告
1,不要着急看一些复杂网页效果的代码,这样除了打击你自信心,什么也学不到。
2,别急着加技术交流QQ群,加牛人QQ。如果你找张三丰交流武功。 3,看网上什么多少天精通JS,啥啥啥从入门到精通,这种教程直接跳过吧,太多的事实证明,以一种浮躁的心态去做任何事都会以失败而告终。 4,千万别去弄啥电脑培训,花了钱和时间不说,关键是学不到东西。本来你买两本好书自学3个月能学会的,他们硬是能折腾你两年
JavaScript DOM编程艺术
学习Javascript用《JavaScript DOM编程艺术》来入门最好不过了,老老实实看两遍,看完了你就会对JS有一个大概的了解,整本书都围绕着一个网页效果例子展开,你跟着老老实实敲一篇,敲完之后,你会发现这个效果不是常在网页中看到么,发现自己也能做出来网上的效果了,嘿嘿,小有成就感吧。
零基础如何学WEB前端
1. Web前端是做什么的?
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆,上网查了才明白:网页设计是指运用一些软件对网站进行美化,解决“好看”的问题;UI是指人与界面互动的优化,解决“舒适”的问题;网页制作着重PC端网页制作;而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么?
爱它就要更深入了解它,学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实,这“很简单”,只要你精通HTML+css(包括现在的HTML5+CSS3)、JavaScript、JQuery,了解界面设计,了解后端编程,服务器知识+后端语言基础。
3.怎么样才能学好拿高薪,Web前端开发职业的前途怎样?
个人觉得三百六十行,行行都蕴藏的无限可能,干一行就爱一行,只要脚踏实地,努力学技术,技术硬了,自然会有前途和“钱”途。但是努力学习之前,必须要明确的目标,否则就是“看起来很认真”而已。
4.如何学?
零基础学前端的话,这些书籍资料可以参考一下:
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数据库)
视频教程:
网页链接
希望对你有帮助,望采纳~
好了,文章到此结束,希望可以帮助到大家。