|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/building-html5-canvas-projects-from-scratch/
课程评论：没有评论
**课程名称：** 从零开始构建 HTML5 Canvas 项目 **课程概述：** 本课程是学习 HTML5 Canvas 的绝佳实践，通过实际代码示例，展示如何从零开始构建各种令人惊叹的应用程序。课程重点在于使用 JavaScript 操作 HTML5 Canvas 进行交互，同时也会涵盖一些基础的 AJAX、PHP、jQuery 和 Bootstrap 知识。HTML5 Canvas 提供了在网页上创造酷炫效果的绝佳机会。本课程将一步步地教你如何从零开始，使用 HTML5 和 JavaScript 构建项目，专注于如何运用 JavaScript 创建 Canvas 动画和实时用户生成内容。讲师拥有超过15年的Web开发经验，将通过实际项目演示其核心应用。课程内容从概念到上线，提供详细的代码解释和构建过程。所有源代码、顶级资源和链接均已包含。 **项目一：Canvas 动画教程** * 学习 Canvas 动画基础知识 * 掌握使用 JavaScript 实现动画的技巧 * 学习如何使用 JavaScript 在 Canvas 上绘制路径 * 学习如何创建弧形和圆形 * 在 JavaScript 中添加对象效果，如随机颜色和阴影 * 学习如何应用逻辑创建连续动画 **项目二：创建用户生成图像** * 学习如何在 HTML5 Canvas 上绘图并生成图像 * 掌握从零开始进行项目范围界定 * 设置 HTML5 字段类型和按钮 * 集成 Bootstrap 和 jQuery * 应用事件监听器实现用户交互 * 获取鼠标光标位置并计算相关操作 * 触发事件函数 * 将 Base64 图像数据传递到网页 * 使用 AJAX 将图像数据发送到服务器 * 使用 PHP 从 HTML5 Canvas 绘图生成 PNG 文件 **课程特色：** * 丰富的实际代码示例，一步步指导 * 包含所有源代码，助你快速上手 * 定期提供课程支持和更新，并添加新项目 * 涵盖 Web 开发中的实用技术，如 AJAX、PHP、jQuery 和 Bootstrap
Best way to learn is by real examples of code, showing you how the code works together to create amazing applications from scratch.Canvas drawing is done using JavaScript, this course focuses on JavaScript based around HTML5 canvas interactions. Also covers some basic AJAX, PHP, JQUERY, Bootstrap.HTML5 canvas provides an amazing opportunity to create some really cool effects on web pages. This course will show you how to build projects from scratch, using HTML5 and JavaScript. How to use JavaScript applying it to the canvas to create animation and user generated content on the fly.I have over 15+ years of web development experience, and have worked on hundreds of web applications just like these. One of the best ways to learn is by example, so I've created some projects that really demonstrate core applications that can be created using html5.This course is designed to help you learn and develop skills for working on real world concepts using JavaScript and HTML5. Starting from scratch, step by step explanations of what code to use and where. We demonstrate how the code gets used, in addition to the process of building something from concept to launch.All of the source files are included, top resources and links are shared throughout the course. Code samples are explained step by step, and you are encouraged to work along with the course material.Project one canvas animation tutorial - designed to demonstrate animation in HTML5 canvasCovers basic concepts of how to animate in canvasJavaScript to use that helps with animationhow to draw paths on canvas using JavaScripthow to create arcs and circlesAdded object effects in JavaScript - random colors and shadowshow to apply logic to create a continuous animationProject two create user generated images - learn how to draw on the HTML5 canvas and output those images.basics of scoping a project from scratchsetup html5 field types and buttonslink to bootstrap and jqueryapply event listeners for user interactionget mouse cursor position and calculate actionsevent triggered functionspass base64 image data to webpageuse AJAX to send image data to the serveruse PHP to generate png files from the HTML5 canvas drawingIn addition, I provide regular support to students. Also course upgrades and new projects will be added regularly.The code in these projects is included!!! for you to be able to get a jump start on creating your own projects using Canvas.
