Book Image

Learn Javascript Web App Development -Build A Calculator App [Video]

By : Aarthi Elumalai
Book Image

Learn Javascript Web App Development -Build A Calculator App [Video]

By: Aarthi Elumalai

Overview of this book

<p>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.</p> <p>You'll learn:</p> <p>How to create the HTML5 structures of an app. <br />How to make an app pretty with CSS (design, design, design!) <br />How to make an app work (solve problems) with logic, i.e Javascript <br />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.</p> <p>The course is structured in such a way that each section will handle one of the 3 languages covered here. <br />Introduction: This is where we explain how the app works, and what we'll be using to achieve the same results.</p> <p>Module 1: This Module shows 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.</p> <p>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.</p> <p>Module 3: This would be the meat of the course. We'll be delving into Javascript in this module, and I'll teach you <br />how to make the app work (perform calculations and display the results) in here. <br />Final section: Finally, we will give you some ideas on how to improve the app and make it your own in terms of design and functionalities.</p> <p>All the codes and supporting files for this course are available at:&nbsp;<a href="https://github.com/PacktPublishing/Learn-Javascript-Web-App-Development--Build-A-Calculator-App" target="_blank">https://github.com/PacktPublishing/Learn-Javascript-Web-App-Development--Build-A-Calculator-App</a></p> <h1>Style and Approach</h1> <p>This course has been structured in such a way that each section will handle one of the 3 languages ie, JavaScript, HTML5 &amp; CSS. This is very interactive and fun with a ton of practical elements.</p>
Table of Contents (7 chapters)
Free Chapter
1
Introduction
3
Styling the calculator app - achieving the final look
Chapter 5
Adding logic with Javascript - The easy way
Content Locked
Section 1
Making the app work with Javascript
Adding logic with Javascript - The easy way: Making the app work with Javascript