JavaScript作为Web前端里的第3重要的语言,笔者认为该重点进行学习。因为JavaScript衍生出来的框架和类库有不少,而且很强大。所以JavaScript的学习要抓好重点,在基本的语法及应用上学习相关的框架和类库,更好的为Web前端的开发应用做好准备。

  1、 简介;

  JavaScript是一种高级编程语言,通常用于在Web浏览器中创建交互式网页。它是一种解释性语言,不需要编译器即可运行。JavaScript可以用于创建动态效果、验证表单、处理数据、创建游戏等。它是一种面向对象的语言,支持封装、继承和多态性。JavaScript最初由Netscape公司开发,现在已成为Web开发中最流行的语言之一。它可以与HTML和CSS一起使用,使网页更加动态和交互性。JavaScript也可以在服务器端运行,例如使用Node.js。

  2、 语法;

  JavaScript是一种动态、弱类型的编程语言,主要用于在Web浏览器中创建交互式的网页。以下是JavaScript的语法简介:

  l  变量声明:使用var关键字声明变量,例如:var x = 5;

  l  数据类型:JavaScript有多种数据类型,包括数字、字符串、布尔值、数组、对象等。

  l  运算符:JavaScript支持常见的算术、比较和逻辑运算符,例如:+、-、*、/、>、<、==、!=、&&、||等。

  l  条件语句:使用if、else if和else关键字来执行条件语句。

  l  循环语句:使用for、while和do-while关键字来执行循环语句。

  l  函数:使用function关键字定义函数。

  l  对象:JavaScript中的对象是一组功能的函数。

  3、 其它框架和类库;

  JS 框架是执行一组特定功能和操作所需的组件和代码块的集合。换句话说,JS 框架是一组预定义的代码,您可以通过将其与您自己的代码相结合,在您的项目中应用或使用它。库是一组帮助您执行特定任务的工具和代码方法。另一方面,框架更像是指导您应该如何呈现代码的指南。

  JS框架,笔者的其它博文里有描述了,目前比较流行的是Vue和React等。至于类库,以jQuery为主。具体查看笔者的其它博文。

  4、 使用的工具;

  VS Code作为目前前端火热的工具,笔者是强烈推荐的。主要里面带的提示和颜色分类等等功能非常的强大,所以建议读者使用这个工具作为前端开发里的JavaScript开发工具。

  5、 网站;

  学习JavaScript的网站有不少,下面列举一些:

runoob.com

http://www.w3cschool.cc/

笔者认为这些网站学习一些基本的语法等,然后再下载笔者共享的电子书籍去学习记忆即可。

  6、 学习建议;

  l  先学习JS的基本语法;

  l  学习一些JS的基本语言编写的特效;

  l  学习jQuery类库的使用,然后看一下它的源码;

  l  学习Vue框架,这个比较好上手;

  l  也能够学下React;

  l  学一下TypeScript,从里面能够学到一些特别的JS源码;

  l  学一下用jQuery编写的类库,以及用它实现的一些特效;

  l  有空的话学一些JS游戏;

  7、 总结;

  JavaScript的学习,因为有基本语法和框架、类库等等,所以要分好主次进行学习。也要在语法的基础上去学一些算法之类的进行加深学习和巩固。

  下面提供笔者的一个博文,对于学习者提供的电子书籍能够查看,能够更快的学到该知识:https://www.cnblogs.com/lzhdim/p/4604031.html

4、Web前端学习规划:JavaScript - 学习规划系列文章的更多相关文章

  1. Web前端与移动开发学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的Web前端与移动开发学习路线图包含初中级两个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.ba ...

  2. 想做web前端project师应该学习些什么?

    偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...

  3. 最全的WEB前端开发程序员学习清单

    史上最全的WEB前端开发程序员学习清单! 今天为什么要给大家分享这篇文章呢,我发现最近来学前端的特别多,群里面整天都有人问:前端好找工作吗?前端要怎么学啊?前端工资怎么样?前端XX,前端XXX,虽然我 ...

  4. 腾讯Web前端开发框架JX(Javascript eXtension tools)

    转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 ...

  5. 进击的Python【第十四章】:Web前端基础之Javascript

    进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编 ...

  6. web前端学习:JavaScript学习指南

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现 ...

  7. WEB前端工程师如何做职业规划?

    对于一个WEB前端的职业规划,其实是有各种的答案,没有哪种答案是完全正确的,全凭自己的选择,只要是自己选定了,坚持去认真走,就好.在这里, 我只是 简要说一下自己对于这块儿内容的理解.有一个观点想要分 ...

  8. 最适合2018年自学的web前端零基础系统学习视频+资料

    这份资料整理花了近7天,如果感觉有用,可以分享给更有需要的人. 在看接下的介绍前,我先说一下整理这份资料的初衷: 我的初衷是想帮助在这个行业发展的朋友和童鞋们,在论坛博客等地方少花些时间找资料,把有限 ...

  9. 2022年Web前端开发流程和学习路线(详尽版)

    前言 前端侧重于人机交互和用户体验,后端侧重于业务逻辑和大规模数据处理.理论上,面向用户的产品里,所有问题(包括产品.设计.后端.甚至看不见的问题)的表现形式,都会暴露在前端,而只有部分问题(数据问题 ...

  10. web前端零基础入门学习!前端真不难!

    现在互联网发展迅速,前端也成了很重要的岗位之一,许多人都往前端靠拢,可又无能为力,不知所措,首先我们说为什么在编程里,大家都倾向于往前端靠呢?原因很简单,那就是,在程序员的世界里,前端开发是最最简单的 ...

随机推荐

  1. Codeforces 189 A. Cut Ribbon(DP 恰装满的完全背包问题)

    题目链接 Polycarpus has a ribbon, its length is n. He wants to cut the ribbon in a way that fulfils the ...

  2. Codeforce :466C. Number of Ways (数学)

    https://codeforces.com/problemset/problem/466/C 解题说明:此题是一道数学题,若平分分成若干种情况,应当整体(sum)考虑,对sum/3进行分析.它是区分 ...

  3. Optional详细用法

    package com.example.apidemo.jdk8; import com.example.apidemo.vo.UserInfo; import java.math.BigDecima ...

  4. 基于 HTML5 WebGL + WebVR 的 3D 虚拟现实可视化培训系统

    前言 2019 年 VR, AR, XR, 5G, 工业互联网等名词频繁出现在我们的视野中,信息的分享与虚实的结合已经成为大势所趋,5G 是新一代信息通信技术升级的重要方向,工业互联网是制造业转型升级 ...

  5. Nginx(2)---搭建一个静态web服务

    1.配置文件语法及参数说明:nginx.conf worker_processes 1; #工作进程多少个 events { worker_connections 1024; #连接数 } http ...

  6. proxy代理

  7. P1765

    和那道题一样,这次用的getchar,结果对了可是洛谷评测WA了,换成scanf单个字符,结果还是WA了,换成直接getline读入整个字符串就对了. 可见读入单个字符的方式有可能出现各种小错,尤其是 ...

  8. chage详解:liunx账户密码过期时处理

    公司安装elasticSearcher7.10.2版本时提示账户密码过期,可以做以下的处理方式: 一.查看账户的使用情况 chage -l baikang [root@localhost ~]# ch ...

  9. java进阶(14)--日期时间处理

    一.获取系统当前时间: 1.Date(),精确到毫秒的当前当前时间 2.示例,欧美风格时间格式

  10. 在 CMake 中使用 Qt windeploy 进行 install

    install(TARGETS app BUNDLE DESTINATION . LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR} RUNTIME DESTINA ...