Learn Javascript Web App Development -Build A Calculator App

Learn Javascript Web App Development -Build A Calculator App, available at $59.99, has an average rating of 4.8, with 35 lectures, 4 quizzes, based on 109 reviews, and has 4338 subscribers.

You will learn about Create a working calculator web app by learning HTML5, CSS3 & Javascript Improve your web app development & javascript skills Improve your logical problem solving skills Build your front end web design and development skills This course is ideal for individuals who are This course is for people who want to learn web development the fun way or This course is also for people who've learned the basics and want to move on to practical programming It is particularly useful for This course is for people who want to learn web development the fun way or This course is also for people who've learned the basics and want to move on to practical programming.

Enroll now: Learn Javascript Web App Development -Build A Calculator App

Summary

Title: Learn Javascript Web App Development -Build A Calculator App

Price: $59.99

Average Rating: 4.8

Number of Lectures: 35

Number of Quizzes: 4

Number of Published Lectures: 35

Number of Published Quizzes: 4

Number of Curriculum Items: 39

Number of Published Curriculum Objects: 39

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Create a working calculator web app by learning HTML5, CSS3 & Javascript
Improve your web app development & javascript skills
Improve your logical problem solving skills
Build your front end web design and development skills

Who Should Attend

This course is for people who want to learn web development the fun way
This course is also for people who've learned the basics and want to move on to practical programming

Target Audiences

This course is for people who want to learn web development the fun way
This course is also for people who've learned the basics and want to move on to practical programming

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 Web application 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 Calculator web app from the ground up with just HTML5, CSS and Javascriptin less than an hour..

You’ll learn:

1. How to create the HTML5 structures of an app.�

2. How to make an app pretty with CSS (design, design, design!)�

and last but never the least�

3. How to make an app work (solve problems) with logic, i.e Javascript�

By the end of the course, you’ll be one stop closer to creating web apps like a pro. You could even try creating other smaller web apps.�

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, and what we’ll be using to achieve the same results.�

Module 1: 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 2: Here, we’ll “beautify” our app. We’ll be using CSS elements to give our app colors and styles. At the end of this module, we’ll have a calculator app that looks like the final result, albeit one that does not perform any calculations yet.�

Module 3: This would be the meat of the course. We’ll be delving into Javascript in this module, and I’ll teach you how to make the app work (perform calculations and display the results) in here.�

Final section: Finally, I’ll give you some ideas on how to improve the app 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 have the passion for programming, and if you know the basics of at least HTML5 and CSS, this course will take you one step further in your development skills.�

3. If you’re a complete newbie, don’t worry. I’ll be explaining every single line of code I’ll be using in this course, so you won’t feel lost.�

So, what are you waiting for? Get this course today, and begin your journey into the wonderful world of web development!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: HTML building blocks

Lecture 1: The header section

Lecture 2: HTML blocks for the calculator

Chapter 3: Styling the calculator app – achieving the final look

Lecture 1: Styling the app – part 1

Lecture 2: Styling the app – Part 2

Chapter 4: [OPTIONAL] Javascript Basic Concepts (related to this project)

Lecture 1: Connecting HTML and script/JS files

Lecture 2: An introduction to variables and assigning values

Lecture 3: Mathematical operators and alerts

Lecture 4: Conditional statements – if else statement

Lecture 5: Conditional statements – Switch case

Lecture 6: Loops – For loop

Lecture 7: Arrays – 1 dimensional arrays

Lecture 8: Arrays – 2 dimensional arrays

Lecture 9: An introduction to functions (function definition and calls)

Lecture 10: Intro to DOM – getElementById and InnerText

Lecture 11: Intro to DOM – adding click events to buttons

Lecture 12: More Event listeners Part 1

Lecture 13: More Event listeners Part 2

Chapter 5: Adding logic with Javascript – The easy way

Lecture 1: Making the app work with Javascript

Lecture 2: Separating the Javascript

Lecture 3: Separating the Javascript – part 2

Lecture 4: The calculator app – code

Chapter 6: Some design enhancements for the app

Lecture 1: Close the input box to external inputs

Lecture 2: Design enhancements – add shadows, change backgrounds

Chapter 7: Adding logic with Javascript – The professional way

Lecture 1: Making changes in the HTML code and the window onload function

Lecture 2: Retrieve the necessary elements using DOM functions

Lecture 3: Create the button click event for the calculator buttons

Lecture 4: Create the button click function

Lecture 5: Create the function that lets you enter information into the display box

Lecture 6: Create the function that does your calculator's calculations

Lecture 7: Create the function that does your calculator's calculations Part 2

Lecture 8: Create the function that erases your display & finish coding the calculator

Lecture 9: Calculator app – professional code

Chapter 8: Conclusion

Lecture 1: Feature ideas to try out

Lecture 2: Conclusion & Bonus – Continue your journey!!

Instructors

DigiFisk (Programming is fun)
Hands-on practical training | Programming courses

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 6 votes
4 stars: 31 votes
5 stars: 69 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu