学习html5需要会java或者是其他的计算机语言吗

1、学习html5不需要会java，但是需要编程基础，比如各种JS/JQuery等。

2、学习html5最重要的不是已经会多少东西，而是你的不断学习的学习能力。要明白，技术是时刻在更新的。

学习HTML5可以参考下列进阶知识：

一、前段页面重构

1、PC端网站布局（HTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；浏览器兼容性与宽高自适应；定位、锚点、整合；表格，CSS属性与滤镜。）

2、HTML5+CSS3基础（HTML5新增的元素与属性；CSS3选择器、媒体查询；CSS3位移与变形处理；CSS3 2D、3D转换与过度动画；响应式设计。）

3、WebApp页面布局（移动端页面设计规范；移动端切图；文字流式/控件d性/等比例/特殊设计的100%布局；等比缩放布局；viewport/meta、rem/vw的使用；移动web特别样式处理）

二、JavaScript高级程序设计

1、原生JavaScript交互功能（基本语法、循环语句、函数与数组、String与Date、BOM与DOM、事件、拖拽效果、cookie存储、正则表达式、Ajax、面向对象基础、运动与游戏开发）

2、面向对象进阶与ES5/ES6应用（Promise/A+、设计模式（观察者模式等）、原型链、构造函数、执行上下文栈与执行上下文、变量对象与活动对象、作用域链、闭包、this、ES5、ES6）

3、JavaScript工具库（DOM库、事件库、AJAX库、原型和继承库、MVVM核心库、基于SPA的路由库）

三、PC端全栈项目

1、jQuery经典交互特效（时间轴特效、tab页面切换效果、网页定位导航特效、滑动门特效、焦点图轮播特效、导航条菜单效果、瀑布流特效、d出层效果、倒计时效果、抽奖效果）

2、PHP+MySQL后端基础（PHP、MySQL、>

3、前端工程化与模块化应用（Gulp、Webpack、NPM、Git/SVN、CommonJS、AMD、CMD、ES6模块化）

四、移动端WebApp开发

1、应用Vuejs开发WebApp项目

2、应用Reactjs开发WebApp项目

3、应用Angular开发WebApp项目

五、混合(Hybrid,RN)开发

1、微信公众号开发

2、微信小程序开发

3、React Native

六、NodeJS基础、MongoDB、GraphGL、Express、Koa、socket 即时通信

随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。

对于零基础的人而言，要怎么学习web前端呢

1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。

2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。

3、 Nodejs + 前端框架。主要内容为Nodejs 全面进阶、Koa2+MongoDB搭建服务、Vuejs 框架、Reactjs 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功

一 零基础小白应该怎么学习前端才能少走弯路？

关于前端这一块的学习，我不主张自学，因为前端的知识体系是很庞大的，如果你自学，遇到一些问题，你自己很难解决，至少需要有专业的前端人士指导你，站在高手的肩膀上，才能看的更高更远，当然很多小伙伴会说，我也知道学习前端有高手指点挺好啊，可是我怎么知道去哪里找高手，高手又为什么愿意指导我呢？

这个问题问的好，其实现在是互联网时代，网上有很多的相关视频和直播课，我平时就经常去上网听一些前端高手讲课。作为想从事前端这个行业的小伙伴，一定要有一个平常心，只要能学到知识，去学就是了，不要磨磨唧唧的的做什么事情，否则什么也做不好。

二 学习前端，你需要具备哪些素质？

（1）如果web的任何一个元素（web界面，灵活的编程风格等）有一点吸引了你，让你着实着迷，恭喜你，有了一个完美的开始。确认一下自己是否喜欢和合适前端，而不是为了一份看起来体面而且薪水不菲的工作。

（2）不断学习，每日的积累，关注前端动态，是你跟上前端潮流的主要途径。前端的体系过于庞大，技术框架争涌而出，如果你经常抱怨累死码农的节奏，那就审视一下自己对前端的态度。

（3）主抓基础，避免盲目。前端领域知识点很多，值得学的东西也很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段，到头来框架们都一个一个被淘汰，你仍在原地踏步。

（4）整理总结，先模仿后创造。将每日的积累做好规整，记录到博客也好，笔记也好。多看看牛人的源代码，等你达到了一定的层次水准，自然会得心应手。

（5）持有一颗造福前端社区的心。写一些有意思的小工具、插件，推广出去， 始终坚信，在从事前端的道路上You are not alone。

（6）要有专业人士的指导，尤其是学习前端找工作的，不要妄想自己一个人自学前端能找到工作，现在非常难，如果没有一个明白人帮你解决一下问题，会有非常多的弯路，中间很容易放弃，学习的不专业不说，最重要是浪费时间。

（7）一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

三 web前端开发需要学习什么

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

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

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

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

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

内容包含：(jQuery经典交互特效开发、>

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

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vuejs开发WebApp项目、应用Reactjs开发WebApp项目)

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

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

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

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

以上学习内容相关配套的视频教程请移至B站尚学堂官方，更多好看教程等你来看！

您好学习web前端一定要有方向，学习web前端先从核心基础开始学：

阶段1前端核心基础

HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和

BOM编程、jQuery框架

阶段2HTML5 + CSS3 + 移动端核心

HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练

阶段3移动端

移动端核心、移动端适配、移动端特效

阶段4服务器端

服务器端开发、数据库 *** 作、前后端交互核心、微信公众号开发

阶段5JavaScript高级

JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、

JavaScript函数式编程JavaScript设计模式

阶段6前端必备

性能优化、版本控制工具、模块化、项目构建工具

阶段7高级框架

React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析

阶段8小程序

原生小程序入门、原生小程序API使用、小程序框架Mpvue

web前端学习路线

这个是web前端的学习方向你从上到下按照顺序学习就可以了，一般来说零基础学习前端是5个月左右的时间，学习方法就是做到3多，多问、多思考、多敲 学习的本质就是不断的重复，熟能生巧，希望可以帮到你。

原来问及前端工程师的基础技能素养，可能html、css、JavaScript就搞定了。但是时代在变，企业对于人才的需求与能力要求也在发生变化，就web前端本身来说，每年也有很多新技术、新趋势的涌现。

要知道前端=切图这个职业设定早就成为过去式了，这种狭隘的职业定位是在其技术匮乏时代的产物，现在web前端工程师基本都是使用html5组织页面，使用css3绘图，很多元素已经不需要再使用还原设计，这其实是一个很大的进步。

而且web前端的工程师的技能要求已经不是仅仅停留在前端这个层面，像后端基础、大数据可视化、用户心理等都要有所涉及和了解。

前端工程师要学到什么程度才能找到一份最基本的工作？

单纯从技术角度分析，我大致做了如下知识点罗列，希望对大家的学习有帮助~

PC端网站布局：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，整合，表格，CSS属性与滤镜等。

HTML5+CSS3基础：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，d性盒模型，媒体查询，响应式设计等。

WebApp页面布局：移动端页面设计规范，移动端切图，文字流式/控件d性/等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理等。

原生JavaScript交互功能开发：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。

面向对象进阶与ES5/ES6应用：Promise/A+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6等。

JavaScript工具库自主研发：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。

jQuery经典交互特效：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，d出层效果，倒计时效果等。

PHP+MySQL后端基础：PHP，MySQL，>

前端工程化与模块化应用：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模块化等。

PC端全栈开发：大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、jQueryUI 与 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、云平台系统前端等。

应用Vuejs开发WebApp：Vuejs基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxtjs，基于Vuejs企业级项目开发等。

应用Reactjs开发WebApp：ReactJS基础，JSX语法，组件，flux+Redux，React，Router路由，动画效果，基于React 企业级项目研发等。

应用Angular开发WebApp：TypeScript 基础与进阶，开发环境配置，Hello World，架构、模块与组件，模板，元数据、数据绑定与数据显示，表单，服务与指令，依赖注入，路由，Ionic 3 MUI框架等。

微信公众号开发：初识微信公众号，订阅号的基本功能，使用百度BAE实现代码的快速上线，使用Git完成线上代码部署，公众号开发权限及功能接入，微信JSSDK接口API，微信场景项目开发与接入等。

微信小程序开发：微信小程序初探，小程序入门必学，小程序组件体验，小程序大功能，项目实战等。

React Native：React Native 初探，React Native 项目导航，React Native 项目文本框，React Native 项目滚动分页，React Native 项目第三方登录，React Native其他组件等。

各类混合应用开发：自主原生Navtive Hybrid，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架等。

学习是以兴趣为前提的，你要对你所要学的内容产生兴趣，这样你才会花心思去学习。对于小白而言，在学习过程中就需要更努力，多花时间和心思没有什么是学不会的。

我推荐给你一套学习方法和路线，可以参考一下：

1、你必须明确系统的学习方案

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

2、视频为主，书为辅

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

3、对于学习技术来讲，掌握一个学习方法是非常重要的

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

自学路线：

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

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

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

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

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

内容包含：(jQuery经典交互特效开发、>

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

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vuejs开发WebApp项目、应用Reactjs开发WebApp项目)

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

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

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

内容包括：(WebApp后端系统开发、NodeJS基础与NodeJS核心模块、Express、MySQL数据库)

基础书籍推荐：

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都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。

PS：温馨提示，光看不练假把式，跟着视频教程练项目也是必不可少的！相关教程指路B站尚学堂官方号！都是免费滴！

建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。

WXML代码

开始动态绘制

WXSS代码

特别注意：底层的canvas最好使用

z-index:-99；放置于底层

page { width: 100%; height: 100%; background-color: #fff;

}circle-box { text-align: center; margin-top: 10vw;

}circle { position: absolute; left: 0; right: 0; margin: auto;

}draw_btn { width: 35vw; position: absolute; top: 33vw; right: 0; left: 0; margin: auto; border: 1px #000 solid; border-radius: 5vw;

}

JS代码

//获取应用实例var app = getApp()var interval;var varName;var ctx = wxcreateCanvasContext('canvasArcCir');

Page({ data: {

}, drawCircle: function () {

clearInterval(varName); function drawArc(s, e) {

ctxsetFillStyle('white');

ctxclearRect(0, 0, 200, 200);

ctxdraw(); var x = 100, y = 100, radius = 96;

ctxsetLineWidth(5);

ctxsetStrokeStyle('#d81e06');

ctxsetLineCap('round');

ctxbeginPath();

ctxarc(x, y, radius, s, e, false);

ctxstroke()

ctxdraw()

} var step = 1, startAngle = 15 MathPI, endAngle = 0; var animation_interval = 1000, n = 60; var animation = function () { if (step

应该掌握以下的一些知识点：

PC端网站布局：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，整合，表格，CSS属性与滤镜等。

HTML5+CSS3基础：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，d性盒模型，媒体查询，响应式设计等。

WebApp页面布局：移动端页面设计规范，移动端切图，文字流式/控件d性/等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理等。

原生JavaScript交互功能开发：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。

面向对象进阶与ES5/ES6应用：Promise/A+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6等。

JavaScript工具库自主研发：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。

jQuery经典交互特效：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，d出层效果，倒计时效果等。

PHP+MySQL后端基础：PHP，MySQL，>

以上就是关于学习html5需要会java或者是其他的计算机语言吗全部的内容，包括:学习html5需要会java或者是其他的计算机语言吗、零基础WEB前端开发学习路线怎么安排、如何学好前端从入门开始等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！