阶段一:基础知识入门

课程

轻松入门HTML

本课程从web的简史讲起,涵盖浏览器、标题、段落、表单标签、表格标签等,带大家从0基础写会用HTML做页面。


【课程大纲】

第1章 WEB简史

第2章 初识HTML

第3章 常用标签

第4章 表格标签

第5章 表单


大话CSS

本课程从0开始讲解CSS语言的基础知识,掌握之后可以从事前端页面开发、重构等工作。


【课程大纲】

第1章 CSS简介

第2章 CSS选择器

第3章 CSS常用属性

第4章 CSS盒模型

第5章 CSS浮动

第6章 CSS定位

推荐书籍

HTML与CSS入门经典(第9版)

《HTML与CSS门经典(第9版)》分为24章,其涵盖的内容有理解Web的工作方式,构造HTML文档,理解层叠样式表、理解HTML5页面架构,处理文本块和列表,处理字体,处理颜色和边框,使用外部和内部,使用表格和栏,创建用于Web的图像,在Web站中使用图像和多媒体,处理边距、填充、对齐和浮动,理解CSS方框模型和定位,创建固定或流动布局,使用CSS一步处理列表并设计导航,使用鼠标操作修改文本显示,实现CSS3变形、渐变和动画,创建印友好的Web界面,理解动态Web站和HTML5应用,处理基于Web的表单,组织和管理Web站,以及帮助人们找到你的Web页面等内容。

Head First HTML与CSS(第二版)

是不是已经厌倦了那些深奥的HTML书?你可能在抱怨,只有成为专家之后才能读懂那些书。那么,找一本新修订的《HeadFirstHTML和CSS(第二版)》吧,来真正学习HTML。你可能希望学会HTML和CSS来创建你想要的Web页面,从而能与朋友、家人、粉丝和狂热的顾客更有效地交流。你还希望使用*的HTML5标准,能够保证随时间维护和扩展你的Web页面,使它们在所有浏览器和移动设备中都能正常工作。

Web编程入门经典——HTML、XHTML和CSS(第2版)

本书通过一些典型示例探索了Web浏览器的演化,以及其如何反映Web页面的开发方式。读者将学习到如何利用浏览器的*功能,以及如何确保所创建的页面能够工作于较老但仍在使用的浏览器中。另外,读者将了解如何为许多能够访问Web页面的设备编写页面。通过结合可用性和可访问性,开发人员将能够编写外观优美、代码专业并采用了新技术的Web页面。

推荐文章

前端工具webpack4.0各个击破——html部分

webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。

高性能Web动画和渲染原理系列(1)——CSS动画和JS动画

介绍CSS动画和JS动画的基本特点,以及轻量级动画库velocity.js的基本用法。

webpack4.0各个击破(2)—— CSS篇

webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习webpack工具中相应的处理办法。

阶段二:页面脚本及框架开发

课程

JavaScript语法零基础入门

本课程主要讲解了JavaScript基础语法中的变量、数据类型、运算符、循环语句、流程控制语句(if else 、三元表达式、switch)、循环(for、while、do while)、数组、函数、对象以及JavaScript案例等


【课程大纲】

第1章 JavaScript介绍

第2章 JavaScript变量、数据类型及操作符

第3章 JavaScript流程控制及循环

第4章 JavaScript数组及函数

第5章 JavaScript对象

揭秘Ajax

Ajax是用于进行前后端交互的技术。本课程以Ajax技术为核心,全面讲解的Ajax技术应用的各种情况。并围绕Ajax技术讲解了与之相关的Node.js服务器技术和jQuery框架中的Ajax相关的API。最后在以一个综合案例,把所有知识点串联起来,完整的应用Ajax技术解决实际项目问题。


【课程大纲】

第1章 初始AJAX

第2章 Node.js服务(text指令、html指令等)

第3章 揭秘AJAX(axios基本使用)

第4章 jQuery中的AJAX

第5章 AJAX实战案例

实践视频

10分钟快速在华为云鲲鹏弹性云服务器上部署一个自己的弹幕网站

从零代码开始,10分钟快速开发一个可以发送弹幕的网站,并将其部署在华为云服务器上;学完本期教程,将可以知道如何使用Nginx、如何将自己的网站部署到云服务器上

web应用开发演练_EHR系统01

本系列视频主要是通过一个EHR系统,讲解Web应用开发从项目规划到项目交付的各环节,帮助大家了解web应用如何开发。

本视频是基于华为软件开发云的web应用开发演练:EHR系统,项目规划阶段。

web应用开发演练_EHR系统02

本系列视频主要是通过一个EHR系统,讲解Web应用开发从项目规划到项目交付的各环节,帮助大家了解web应用如何开发。

本视频是基于华为软件开发云的web应用开发演练:EHR系统,项目开发阶段。

web应用开发演练_EHR系统03

本系列视频主要是通过一个EHR系统,讲解Web应用开发从项目规划到项目交付的各环节,帮助大家了解web应用如何开发。

本视频是基于华为软件开发云的web应用开发演练:EHR系统,项目交付阶段

推荐书籍

JavaScript高级程序设计(第3版)

全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax 与Comet服务器端通信,HTML5表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递消息、客户端存储(包括IndexedDB)等新API,还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。本书附录展望了未来的API和ECMAScript Harmony规范。

JavaScript权威指南(原书第6版)

本书总体上分为“基础知识点介绍”和“参考指南”两部分,这是本书的一大特色。从之前版本受欢迎的程度来看,这种结构得到了读者相当大的认可,满足了他们学习基础知识和参考查阅难点的双重需要。而这也是其他同类图书所不及的

推荐文章

DOM-DIFF的实现

本文从Virtual-Dom生成真实DOM,DOM-Diff的基本算法描述以及简单实现来介绍DOM-DIFF的具体实现

UMD规范的代码推演

UMD规范是为了让模块同时兼容AMD和CommonJs规范而出现的,多被一些需要同时支持浏览器端和服务端引用的第三方库所使用

指向FP世界的箭头函数

箭头函数是ES6语法中加入的新特性,而它也是许多开发者对ES6仅有的了解,每当面试里被问到关于“ES6里添加了哪些新特性?”这种问题的时候,几乎总是会拿箭头函数来应付

阶段三:前端框架详解

课程

Vue.js基础入门开发

Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计。本课程围绕Vue.js基础语法和网络请求库axios的基本使用,通过5个精心设计的案例,详细讲解了Vue数据开发的核心知识点。


【课程大纲】

第1章 Vue基础

第2章 本地应用(text指令、html指令等)

第3章 网络应用(axios基本使用)

第4章 综合应用


Node.js核心技术

本课程围绕Node.js 简介、下载、安装、模块化、CommonJS、NPM、以及 Buffer、fs等模块的基本使用。

适合有一定 JS 基础的同学进行学习,Node.js 是前端开发应该具备的技能之一,通过本课程的学习可以对 Node.js 有一个深入的认识


【课程大纲】

第1章 Node简介

第2章 Node模块化

第3章 Node NPM

第4章 Node 文件操作

推荐书籍

Vue.js项目实战

本书基于6个项目来引导读者深入理解Vue.js。书中首先介绍Vue的基础知识,并使用指令和丰富的用户体验创建第一个Web应用;随后通过创建基于浏览器的游戏来介绍动画和交互性;然后通过可用的工具和预处理器讲解如何使用插件创建多页面应用,并为应用创建高效、高性能的组件;接下来创建一个在线商店并对其进行优化;最后将Vue与实时库Meteor集成,创建一个显示实时数据的仪表盘。

Node.js+Express+Vue.js项目开发实战

本书首先讲解了Node.js中最流行的框架Express的安装和使用,详细介绍了Express路由、请求对象Request和返回对象Response,然后详细讲解了许愿墙、博客管理系统和装修小程序管理系统三个完整项目的全部开发流程,最后又讲解了Node.js的部署方法和工具。

推荐文章

PPT制作库impress.js(含附件)

impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用PowerPoint制作连自己都觉得丑的PPT,那么 impress.js 是一个非常好的选择,简洁高效逼格高

Mock.js + Node.js 如何与后端潇洒分手

Node火起来的时候,前端就流行这样一句话:不会Node.js的前端,是不完整的,简单地说,Node.js将javascript能力扩展至服务端的关键一步,本篇中使用express框架来快速搭建Mock服务器。

React.js-从开发者到工程师

许多入职前端的开发者,都是从熟练使用框架进行业务逻辑开发而开始的。说到框架,Vue,React,Angular三大框架都已经圈定了自己的用户群,从粉丝的数量来说,Vue最多,接着是React,最后才是Angular,这样的局面实际上与三个框架本身的优劣并不完全相关。

建议与反馈

学习路线为开发者提供高品质课程资源

对于您反馈的课程建议我们会及时评估并向您反馈评估结果与实施计划