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

方向：

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

标签：

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

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

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

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

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

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

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

基于HTML5 Canvas实现小游戏

基于HTML5 Canvas实现小游戏

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

HTML5基础入门

HTML5基础入门

本课程将会介绍HTML5中的新特性，包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣，已经学了HTML的人学习。

纯前端打造实时markdown编辑器

纯前端打造实时markdown编辑器

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

基于 Canvas 实现放大镜效果

基于 Canvas 实现放大镜效果

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

瀑布流加载图片墙

瀑布流加载图片墙

本课程基于 jQuery 实现近几年很流行的瀑布流图片无限加载，另外我们会学到如何模拟后台提供 JSON 格式数据。本课程较为简单，适合刚入门前端的同学作为练手项目。

Bootstrap3.0入门学习

Bootstrap3.0入门学习

Bootstrap是一个简洁、直观、强悍、移动设备优先的前端开发框架，Bootstrap 让web开发更迅速、简单。

基于 CSS3 实现抽奖大转盘

基于 CSS3 实现抽奖大转盘

每到节日，各种的抽奖活动数不胜数，大奖很丰厚，但是，获奖的概率总是很小。我们可以制作一个属于自己的抽奖转盘，探寻抽奖过程的奥秘。本项目课将会教大家如何使用CSS3来制作抽奖转盘，也会用到 HTML 及 jQuery 的一些基础知识。

网页版2048

本课程基于 HTML+CSS+JS+jQuery 实验网页版 2048，你能学到 Web 应用程序的开发流程，从布局，初始化到编写游戏逻辑，以及如何让应用在移动端自适应以应对各种大小的屏幕。

基于 jQuery 实现图片轮播

基于 jQuery 实现图片轮播

轮播图是在各大网站中经常见到的图片展示形式，本课程基于 HTML+CSS+JavaScript+jQuery 实现图片轮播，这是一个很容易上手的前端入门练习项目。

网页版拼图游戏

网页版拼图游戏

本课程基于 HTML+CSS+JavaScript 实现网页版的拼图游戏。实现过程中将用到 HTML5，CSS3 及 JavaScript 相关知识。完成这个项目，可以进一步扎实前端基础知识。

基于腾讯文智的情感分析

基于腾讯文智的情感分析

文智中文语义开放平台是基于并行计算系统和分布式爬虫平台，结合独特的语义分析技术, 一站式满足用户NLP、转码、抽取、全网数据抓取等中文语义分析。

网页版别踩白块游戏

网页版别踩白块游戏

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

校花评比排名项目-PHP

校花评比排名项目-PHP

本课程实现一个校花评比项目，在项目中使用到了埃洛等级分系统算法。用户在前端页面每次点击随机排列的两张美女图片，选出颜值较高者，共十次选择，最后由后台计算出各个图片的颜值，得出评比结果。课程使用了 PHP 实现评比算法，cookie 记录用户点击次数，jQuery 的简单使用。