Overview What You Will Learn Curriculum Instructor

Course Overview

Practice makes perfect. Start your journey to 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 them. 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 You Will Learn

  • How to create the HTML5 structures of this app.
  • How to make the app pretty with CSS (design
  • design
  • design!) and last but never the least
  • How to make the app work (draw on the canvas) with logic and algorithm
  • i.e.
  • JavaScript.
  • Basic concepts of JavaScript and HTML5 canvas (concepts related to this project).

Program Curriculum

  • Algorithm of the Game App
  • $7 Million Cybersecurity Scholarship by EC-Council

  • Create Skeleton of the HTML5 Code
  • Add Meta Tags
  • Create the Toolbar's Skeleton
  • Create the Color Input Box
  • Create the Range Input Slider
  • Create the Brush, Erase, Reset, and Save Button and the Drawing Canvas
  • Chapter 2 Quiz

  • CSS Basics – Link Tag, Selector, and Comments
  • CSS3 Properties - Box Sizing and User Select Settings
  • Style the Drawing Canvas
  • Style the Toolbar – Part 1
  • Style the Toolbar – Part 2
  • Style the Toolbar – Part 3
  • Style the Color Change Tool – Part 1
  • Style the Col

  • Connecting HTML and Script/JS Files
  • An Introduction to Variables and Assigning Values
  • Mathematical Operators and Alerts
  • Conditional Statements - If Else Statement
  • Conditional Statements - Switch Case
  • Loops - For Loop
  • Arrays - 1 Dimensional Arrays
  • Arrays -

  • Step 1 and 2 – Getting the Canvas and Creating the Drawing Object
  • Drawing a Line (Also Explanation on Canvas Dimensions and Pixel Points)
  • Drawing and Coloring a Shape with Poly Lines (A Path)

Load more modules

Instructor

Aarthi Elumalai

Aarthi Elumalai is a programmer, educator, entrepreneur, and innovator. She has a Bachelor of Engineering degree in Computer Science from Anna University, Chennai. Since then, she has managed a team of programmers and worked with 100s of clients. She is also launched a dozen web apps, plugins and software that are being used by thousands of customers online. She has over 15 years of experience in programming. She started coding in Basics at the age of 12, but her love for programming took root when she came across C programming at the age of 15. Her courses are well-received by the masses, and she has a student base of over 100,000 students from all over the world. Her courses and books always come with hands-on training in creating real-world projects using the knowledge learned so her students get better equipped for the real world.

Join over 1 Million professionals from the most renowned Companies in the world!

certificate

Empower Your Learning with Our Flexible Plans

Invest in your future with our flexible subscription plans. Whether you're just starting out or looking to enhance your expertise, there's a plan tailored to meet your needs. Gain access to in-demand skills and courses for your continuous learning needs.

Monthly Plans
Annual Plans
Save 20% with our annual plans!

Pro

Ideal for continuous learning, offering extensive resources with 600+ courses and diverse Learning Paths to enhance your skills.

$ 499.00
Billed annually or $59.00 billed monthly
Get Started Now
Start your 7-day trial for $1

What is included

  • 700+ Premium Short Courses
  • 50+ Structured Learning Paths
  • Validation of Completion with all courses and learning paths
  • New Courses added every month
Early Access Offer

Pro +

Experience immersive learning with Practice Labs, CTF Challenges, and exclusive EC-Council certifications for comprehensive skill-building.

$ 599.00
Billed annually or $69.00 billed monthly
Get Started Now
Start your 7-day trial for $1

Everything in Pro and

  • 800+ Practice Lab exercises with guided instructions
  • 150+ CTF Challenges with detailed walkthroughs
  • New Practice Labs and Challenges added every month
  • 3 Official EC-Council Essentials Certifications¹ (retails at $897!)
    Exclusive Bonus with Annual Plans

¹This plan includes Digital Forensics Essentials (DFE), Ethical Hacking Essentials (EHE), and Network Defense Essentials (NDE) certifications. No other EC-Council certifications are included.

Related Courses

  • Introduction to Raspberry Pi

    Introduction to Raspberry Pi

    Short Course

    Introduction to Raspberry Pi

    Software Development

    Learn How to Create Software and Hardware Projects using Rasp...

    $49.99

    Beginner

    2 hr 0 m

  • Hands-on React Native

    Hands-on React Native

    Short Course

    Hands-on React Native

    Software Development

    Learn to build modern, beautiful & powerful native iOS an...

    $49.99

    Beginner

    6 hr 32 m

  • Learn Python Programming with 100 Practicals

    Learn Python Programming with 100 Practicals

    Short Course

    Learn Python Programming with 100 Practicals

    Software Development

    Learn Python Programming from scratch.

    $69.99

    Beginner

    5 hr 30 m

  • Game Development with C# and Unity – Reinforce Your C# Codes

    Game Development with C# and Unity – Reinforce Your C# Codes

    Short Course

    Game Development with C# and Unity – Reinforce Your C# Codes

    Software Development

    Learn to write code that is not just functional, but clean, m...

    $49.99

    Advanced

    4 hr 18 m

  • React.JS Crash Course: The Complete Course for Beginners

    React.JS Crash Course: The Complete Course for Beginners

    Short Course

    React.JS Crash Course: The Complete Course for Beginners

    Software Development

    Create web apps that are robust, quick, user-friendly, and re...

    $59.99

    Beginner

    2 hr 0 m

  • Optimizing and Securing Ansible Playbooks

    Optimizing and Securing Ansible Playbooks

    Short Course

    Optimizing and Securing Ansible Playbooks

    Software Development

    Efficiently Automating Container and System Management with S...

    $99.99

    Intermediate

    5 hr 0 m

  • OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Short Course

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Software Development

    Learn how OAuth2, OpenID, and SAML work as open standards for...

    $49.99

    Advanced

    1 hr 0 m

  • Spring Core Framework with Spring Tool Suite

    Spring Core Framework with Spring Tool Suite

    Short Course

    Spring Core Framework with Spring Tool Suite

    Software Development

    The hands-on learning experience of Spring Core Framework

    $49.99

    Intermediate

    1 hr 37 m

1 8