Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin Mobile App Development SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Life Purpose Mindfulness Sound Therapy Coaching CBT Cognitive Behavioral Therapy
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Leadership
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing Startup YouTube Marketing

DevelopmentWeb DevelopmentJavaScript

Learn Javascript & HTML5 Canvas - Build A Paint/Drawing App

Javascript Front End Web App Development - HTML5 Canvas & CSS3 - Build a drawing app from scratch - hands-on training
Rating: 4.1 out of 54.1 (47 ratings)
1,373 students
Created by DigiFisk (Programming is fun)
Last updated 11/2021
English
English [Auto]

What you'll learn

  • Understand the basics of HTML5 & CSS (I'll explain the concepts as we code the project)
  • Understand the basics of Javascript & HTML5 canvas (we have separate modules for these 2 topics)
  • Build a completely dynamic drawing/paint app with HTML5 canvas, CSS3 & Javascript from scratch
  • Know how front end web app development works by building this project
  • Create step by step algorithms for projects before turning them into codes
  • Improve your logical problem solving skills
  • Improve your front end design and development skills
  • Create HTML5 skeletons of web applications
  • Design web applications with various CSS styling concepts
  • Make web applications work with Javascript concepts
  • Get a foundation in HTML canvas concepts

Requirements

  • You can come to this course with absolutely no coding knowledge. I explain everything you need to create your very first web app.
  • A PC or laptop to practice what I teach

Description

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!


Who this course is for:

  • If you like learning by doing rather than hours of boring theoretical lectures.
  • 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.
  • If you have the passion for programming, and 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.
  • 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.
  • 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.​

Instructor

DigiFisk (Programming is fun)
Hands-on practical training | Programming courses
DigiFisk (Programming is fun)
  • 4.3 Instructor Rating
  • 1,668 Reviews
  • 81,741 Students
  • 19 Courses

Welcome to DigiFisk! 


I am Aarthi Elumalai, the founder of DigiFisk.


Here at DigiFisk, we aim to make programming fun and interactive for students.


If you're tired of boring theoretical classes, then you've come to the right place.


We start off with basics/beginner courses in a particular programming language or field, and continue on with a number of real-world project-based classes to equip you to thrive in the real world.


Our lectures tend to be very detailed. We leave nothing out, so beginners and advanced programmers alike can learn something from each of our courses.


Enjoy your journey into the fascinating world of programming with DigiFisk! We'll see you inside. :)

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.