|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-javascript-html5-canvas-build-a-paint-drawing-app/
课程评论：没有评论
课程名称：学习JavaScript与HTML5 Canvas - 创建一个画图/绘图应用 概述：实践出真知。开始您的前端网页开发之旅！在DigiFisk，我们致力于使学习变得有趣。我们的课程互动性强，包含大量实践元素。我们推出了前端网页应用开发实践系列，帮助学生在掌握编程语言语法后，能够顺利创建软件和应用。多数学生在这一点上会遇到困难，因为解决问题并非仅仅学习语法那么简单，但我们旨在简化这一过程。 课程内容：在本课程中，您将学习如何使用HTML5 Canvas、JavaScript和CSS，从零开始构建自己的绘图/画图应用，整个过程仅需几个小时。您将学习到： 1. 创建应用的HTML5结构。 2. 通过CSS美化应用（设计、设计、再设计！）。 3. 用JavaScript编写逻辑与算法使应用正常工作（在画布上绘图）。 4. HTML5 Canvas和JavaScript的基本概念（与本项目相关的概念）。 课程设计：本课程旨在尽可能易于理解，每个模块分别涵盖三种语言的内容。 - 介绍：讲解应用的工作原理、特性及实现方法。 - 模块1：编写算法，为应用创建一步一步的算法，解释每一步的操作。 - 模块2：教授如何用HTML5创建应用的基本框架。 - 模块3：使用CSS为应用添加颜色和样式，使其初具最终效果。 - 模块4：讲解项目所需的JavaScript基本概念。 - 模块5：讲解项目所需的HTML5 Canvas基本概念。 - 模块6：深入探讨JavaScript与HTML5 Canvas的代码，实现用户在画布上绘图的功能。 - 最终部分：提供改进和增强应用的建议，以使其更具个性化设计和功能。 本课程适合您，如果： 1. 您喜欢通过实践学习，而不是漫长而乏味的理论讲座。 2. 您是网页开发的新手，或者对编程一无所知，希望通过友好的课程开始创建软件。 3. 您对编程充满热情，已了解HTML5和CSS的基础，但在实践中遇到障碍。 4. 您想进入前端网页应用开发的世界，课程将帮助您更进一步。 5. 您是一名JavaScript网页开发人员，想尝试新项目。 所以，您还在等什么？今天就加入课程，开启您的前端网页应用开发之旅吧！
Practice makes perfect. Start your journey into becoming a professional front end web developer here!At DigiFisk, we like making learning fun. Our courses are interactive and fun with a ton of practical elements to it. We've decided to take it a step further with our Front end Web app development practice series. Once you learn the syntax of a programming language, the next logical step is to start creating software and apps. But that's where most students get stuck. Problem solving isn't as easy as learning a bunch of syntaxes. But we aim to make it easy for you. What will you learn in this course? In this course, you'll learn how to build your own Drawing/paint App from the ground up with just HTML5 canvas, Javascript and CSS in just a couple of hours. You'll learn:1. How to create the HTML5 structures of this app. 2. How to make the app pretty with CSS (design, design, design!) and last but never the least 3. How to make the app work (draw on the canvas) with logic and algorithm, i.e Javascript 4. Basic concepts of Javascript and HTML5 canvas (concepts related to this project). By the end of the course, you'll be one stop closer to creating front end web apps like a pro. You could even try creating other smaller web apps and games. How is this course designed? I've made this course as easy to understand as possible. I've structured it in such a way that each section will handle one of the 3 languages covered here. Introduction: This is where I'll explain how the app works, it's various features and what we'll be using to achieve the same results. Module 1: Every professional developer writes algorithms before creating a software or game. We'll be writing the a step by step algorithm for our app, and I'll be explaining what we'll do in every step. Module 2: I'll be teaching you how to create the bare bones of the app with HTML5. The result will be a page with all the elements we need in our app, devoid any colors or design elements. Module 3: Here, we'll "beautify" our app. We'll be using CSS elements to give our game colors and styles. At the end of this module, we'll have a Drawing/Paint web app that'll look like the final result, albeit one that dose not draw on the canvas yet. Module 4: I'll be covering some basic concepts of Javascript in this module. I'll only cover concepts that we'll need for our app's Javascript code though. If you already know the basics, you can skip this module. Module 5: I'll be covering some basic concepts of HTML5 canvas in this module. I'll only cover concepts that we'll need for our app's Javascript/HTML5 canvas code though. If you already know the basics, you can skip this module. Module 6: This would be the meat of the course. We'll be delving into Javascript & HTML5 canvas code of our app in this module, and I'll teach you how to make the app work (let the user draw on the drawing canvas and use the various tools in the toolbar) in here. Final section: Finally, I'll give you some ideas on how to improve/enhance the app further and make it your own in terms of design and functionalities. This course is for you if:1. If you like learning by doing rather than hours of boring theoretical lectures. 2. If you're a complete newbie to the world of web development, or just programming in general, and would like to start creating software with the help of a beginner-friendly course. You'll learn the basics of everything used in this project (HTM5, CSS3, Javascript, HTML canvas). I'll be explaining every single line of code I'll be using in this course, so you won't feel lost. 3. If you have the passion for programming, and if you know the basics of HTML5 and CSS, but you're stuck on the practical aspects of it. Turn your theoretical knowledge into practical knowledge with our course. 4. If you want to delve into the exciting world of front end web app development, this course will take you a couple steps further in the right direction. 5. If you're a Javascript web developer who just wants to try out a new project. Our course welcomes coders of every level, from absolute beginners, to pros.So, what are you waiting for? Get this course today, and begin your journey into the wonderful world of front end web app development!
