Web_精选项目课程_在线实验_实验楼 - 实验楼

方向：

全部后端开发 Linux运维云计算与大数据数据库信息安全 Web前端计算机专业课其他技术

标签：

全部 Python Linux 机器学习 Web C 大数据 PHP Java C++ 计算机专业课 R Spark NodeJS Web安全 Hadoop CSS 网络安全系统安全 GO HTML5 JavaScript 安全开发 Git SQL 网络 Flask Scala MySQL jQuery NoSQL Shell 新手入门 OpenCV 加密解密 HTML 算法 ThinkPHP SSH SDN Vuejs 渗透测试区块链云计算 OpenStack Docker Laravel 设计模式 Redis Django SSM Kali Ruby Bootstrap Nginx React Spring Kafka ROS 信息隐藏 Swift 汇编 MongoDB Hbase Ansible

综合最新最热

已上线即将上线

加入私有课

HTML 基础课程

HTML 基础课程

课程从网站的基础概念开始，让你了解网站的运行机制之后，开始逐步深入。带领你学习网页制作所需要的 HTML 基础知识，了解各种常用标签的意义以及基本用法。丰富的代码实例，让你直观的看到各类标签的具体效果，加深对 HTML 内容的理解。

JavaScript 基础课程

JavaScript 基础课程

课程从什么是 JavaScript 开始，一步步讲解 JavaScript 基础语法、关键特性、JSON、WebAPI 等基础，让你掌握与网页窗口交互的方法以及通过 DOM 进行网页元素的操作，掌握如何编写基础的 JS 代码。最后深入讲解值类型和引用类型、异常、面向对象编程以及函数进阶等高级内容，帮助你掌握并运用 JavaScript 制作复杂高效的网页，达到与用户交互的目的。

CSS 基础课程

CSS 基础课程

课程从最基本的 CSS 概念以及 CSS 运行机制开始，逐步深入，让你学会如何使用 CSS 同时控制多重网页的样式和布局。课程前面几节主要讲解 CSS 基础内容，主要为 CSS 基本样式、CSS 样式化区块、CSS 选择器以及 CSS 排版。在最后一节通过一个综合案例的练习，帮助你巩固基础达到熟练运用的效果。

jQuery 在购物车的使用

jQuery 在购物车的使用

本课程使用 jQuery 实现在购物车中添加删除商品，合计商品总价的功能。完成学习，你可以熟练操作 jQuery 实现更多的功能。

CSS3实现“红包照片”模糊效果

CSS3实现“红包照片”模糊效果

微信朋友圈里的红包照片，还有 ios7 带来的“毛玻璃”菜单效果都很吸引眼球，这次我们就尝试用熟悉的 CSS3 来实现这个效果

手把手教你实现 Google 浏览器拓展插件

手把手教你实现 Google 浏览器拓展插件

平时经常使用 Google 浏览器拓展插件，本课程将带你打造属于自己的 Google 浏览器扩展，实现的功能为列表清单。学习该实验需要掌握基本的 Web 开发知识，以及能够看懂基本的 Angular 语法。

Vue 基础入门

Vue 基础入门

本课程是一门 Vue.js 的入门课程，介绍了 Vue 的安装和使用，带领大家学习 Vue 模板语法，核心指令，计算和侦听属性，条件和循环渲染元素，以及怎样去绑定元素 class 和 style,处理基础事件，Vue 组件开发等。

HTML5 基础教程

HTML5 基础教程

HTML5 是 HTML 文档的最新标准，由万维网联盟（W3C）于 2014 年 10 月完成标准制定。它添加了一些新的语法特征，修改或删除了一些旧的属性元素。本课程将带领你走进 HTML5 的世界，领略新特性所带来的变化，课程会涉及到 HTML5 视频音频、HTML5 拖放、HTML5 Canvas、HTML5 表单等。

React 基础入门

React 基础入门

本课程将重心放在 React 基础知识，从最基本的 JSX 语法开始，带你逐渐领略元素，组件，props & state，生命周期等 React 基本组成单位，最后我们会对 React 的 HOC 作一定的了解，以感受 React 组件化的编程思想。

网页版扫雷

网页版扫雷

本课程带领大家实现经典小游戏扫雷的网页版，通过学习该课程，可以实践 JavaScript 和 CSS 等基本的 Web 开发知识，学习如何对游戏中的对象进行抽象、封装。

网页版别踩白块游戏

网页版别踩白块游戏

本课程使用最基础的 HTML+CSS+JavaScript 实现网页版别踩白块游戏，通过完成这个简单有趣的游戏，可以实践你的前端技能。

亲戚称谓计算器

亲戚称谓计算器

使用 html,css,jquerymobile 带你完成一个亲戚称谓计算器，帮你快速想起你的亲戚的称谓。

基于 HTML5 实现本地图片裁剪

基于 HTML5 实现本地图片裁剪

本期实验意在实现利用 HTML5 的 canvas 技术，结合 HTML5 的 File AP I来实现图片的本地裁剪。通过本实验将学习到如何结合 HTML5 与 JavaScript 编写简单的单页应用。本课程难度一般，适合刚入门前端的同学，需要了解 cavas 并且有 JavaScript 基础。

jQuery 特效导航菜单

jQuery 特效导航菜单

本课程中我们将完成一个完整的网站导航栏，项目很简单，但是非常具有实用性，适合刚入门的小白练手。项目主要用到了CSS和jQuery的动画方法。

基于 JavaScript 按键控制坦克移动

基于 JavaScript 按键控制坦克移动

本课程中将使用 JavaScript 实现按键控制坦克在网页上移动，通过使用很简单的，清晰明了的代码使坦克在页面上平滑的移动，通过学习可以掌握 JavaScript 的按键操作，从而让你的页面更好的与用户互动。

基于 JavaScript 实现打地鼠游戏

基于 JavaScript 实现打地鼠游戏

本课程基于 HTML+CSS+JavaScript 实现网页版打地鼠，你能学到如何开发一款 Web 小游戏，从布局到编写游戏逻辑。如果你刚入门前端，这是个不错的实践练习。

CSS3 基础教程

CSS3 基础教程

本课程基于 CSS 基础语法知识，着眼于 CSS3 的新特性和规则，对 CSS 中升级调整的部分进行讲解。通过本课程，你将会学习到 CSS3 升级的元素属性、 CSS3 文本的变化、CSS3 的动画效果和过渡、CSS3 的布局。

纯前端打造实时markdown编辑器

纯前端打造实时markdown编辑器

本课程将通过纯前端打造一个实时 markdown 编辑器，用到的库或框架主要有 marked，Ace，highlight.js 及 Bootstrap。通过本完成本项目，将实践 web 应用程序开发的相关知识。

基于 Canvas 实现放大镜效果

基于 Canvas 实现放大镜效果

本课程基于 HTML5 的 canvas 实现了放大镜效果。主要依靠 canvas 中的 drawImage() 函数，这节课也主要讲解这个函数的具体用法，希望能通过实现这个简单的项目来让大家初步认识 canvas ，学会基本的 canvas 操作。

基于HTML5 Canvas实现小游戏

基于HTML5 Canvas实现小游戏

本课程基于 HTML5 的 canvas 实现了一个小游戏，着重介绍了 HTML5 游戏开发的流程及游戏开发中需要处理的东西。对 Web 游戏开发感兴趣的同学可以通过这个项目实践 HTML5 及 JavaScript 基础知识。