Learn Javascript Web App Development -Build A Calculator App
4.5 (63 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,186 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Javascript Web App Development -Build A Calculator App to your Wishlist.

Add to Wishlist

Learn Javascript Web App Development -Build A Calculator App

Javascript for Front End Web Development - Build Your Own Calculator App Using Javascript, HTML5 & CSS in an hour
4.5 (63 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
4,186 students enrolled
Created by Aarthi Elumalai
Last updated 7/2017
English
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 3 Articles
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create a working calculator web app
  • Improve your web app development & javascript skills
  • Improve your logical problem solving skills
  • Improve your front end design and development skills
View Curriculum
Requirements
  • Basics of HTML, CSS & Javascript is a plus - but if you don't know, I'll still explain everything, so don't worry
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 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 Javascript in 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!


Who is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
13 Lectures
01:27:42
+
Introduction
1 Lecture 04:00
+
HTML building blocks
2 Lectures 15:34

Let's test if you're clear on the HTML5 concepts we've covered so far. 

Section 2 Quiz part 1
4 questions

HTML blocks for the calculator
07:24

Why is <form> the best option to hold our calculator? 

Section 2 Quiz part 2
2 questions
+
Styling the calculator app - achieving the final look
2 Lectures 23:10
Styling the app - part 1
14:16

Styling the app - Part 2
08:54

Let's test the CSS skills you learned in this section!

Section 3 Quiz
10 questions
+
Adding logic with Javascript
4 Lectures 26:28
Making the app work with Javascript
08:23

Separating the Javascript
10:07

Separating the Javascript - part 2
07:48

The calculator app - code
00:10

Section 3 Quiz
10 questions
+
Enhancements for the app
2 Lectures 17:13

As the app is right now, you can enter numbers/letters via your keyboard into the input box. Let's close the input box off to any external influences so that does not happen. 

Close the input box to external inputs
05:24

Design enhancements - add shadows, change backgrounds
11:49
+
Conclusion
2 Lectures 01:17
Congrats!
00:20

Feature ideas to try out
00:57
About the Instructor
Aarthi Elumalai
4.6 Average rating
74 Reviews
4,752 Students
2 Courses
Internet marketer and small business consultant

I've been making money online for over 6 years now, right from when I finished high school. I kept equipping my knowledge and trying out new methods throughout college, so when I finished my studies, I can work for myself and someone else. I'm proud to say that I accomplished that goal.

My businesses involve affiliate marketing, services, list building, Kindle etc. I believe in keeping my eggs in various baskets, and I preach what I practice & believe.

I recently decided to document my methods and knowledge in the form of helpful information products. I believe in being as thorough as possible, and that's what you'll find in my courses.

I cover every aspect of a business or method so my student is equipped with the complete knowledge they need to start their business and run it successfully.