JavaScript from Beginner to Professional
Laurence Lars Svekis, Maaike van Putten, Codestars By Rob Percival
- 544 pages
- English
- ePUB (mobile friendly)
- Available on iOS & Android
JavaScript from Beginner to Professional
Laurence Lars Svekis, Maaike van Putten, Codestars By Rob Percival
About This Book
Start your journey towards becoming a JavaScript developer with the help of more than 100 fun exercises and projects.Purchase of the print or Kindle book includes a free eBook in the PDF format.Key Features• Write eloquent JavaScript and employ fundamental and advanced features to create your own web apps• Interact with the browser with HTML and JavaScript, and add dynamic images, shapes, and text with HTML5 Canvas• Build a password checker, paint web app, hangman game, and many more fun projectsBook DescriptionThis book demonstrates the capabilities of JavaScript for web application development by combining theoretical learning with code exercises and fun projects that you can challenge yourself with. The guiding principle of the book is to show how straightforward JavaScript techniques can be used to make web apps ranging from dynamic websites to simple browser-based games.JavaScript from Beginner to Professional focuses on key programming concepts and Document Object Model manipulations that are used to solve common problems in professional web applications. These include data validation, manipulating the appearance of web pages, working with asynchronous and concurrent code.The book uses project-based learning to provide context for the theoretical components in a series of code examples that can be used as modules of an application, such as input validators, games, and simple animations. This will be supplemented with a brief crash course on HTML and CSS to illustrate how JavaScript components fit into a complete web application.As you learn the concepts, you can try them in your own editor or browser console to get a solid understanding of how they work and what they do. By the end of this JavaScript book, you will feel confident writing core JavaScript code and be equipped to progress to more advanced libraries, frameworks, and environments such as React, Angular, and Node.js.What you will learn• Use logic statements to make decisions within your code• Save time with JavaScript loops by avoiding writing the same code repeatedly• Use JavaScript functions and methods to selectively execute code• Connect to HTML5 elements and bring your own web pages to life with interactive content• Make your search patterns more effective with regular expressions• Explore concurrency and asynchronous programming to process events efficiently and improve performance• Get a head start on your next steps with primers on key libraries, frameworks, and APIsWho this book is forThis book is for people who are new to JavaScript (JS) or those looking to build up their skills in web development. Basic familiarity with HTML & CSS would be beneficial.Whether you are a junior or intermediate developer who needs an easy-to-understand practical guide for JS concepts, a developer who wants to transition into working with JS, or a student studying programming concepts using JS, this book will prove helpful.
Frequently asked questions
Information
Appendix – Practice Exercise, Project, and Self-Check Quiz Answers
Chapter 1, Getting Started with JavaScript
Practice exercises
Practice exercise 1.1
4 + 10 14 console.log("Laurence"); Laurence undefined Practice exercise 1.2
<!DOCTYPE html> <html> <head> <title>Tester</title> </head> <body> <script> console.log("hello world"); </script> </body> </html> Practice exercise 1.3
<!DOCTYPE html> <html> <head> <title>Tester</title> </head> <body> <script src="app.js"></script> </body> </html> Practice exercise 1.4
let a = 10; // assign a value of 10 to variable a console.log(a); // This will output 10 into the console /* This is a multi-line Comment */ Projects
Creating an HTML file and a linked JavaScript file
<!doctype html> <html> <head> <title>JS Tester</title> </head> <body> <script src="myJS.js"></script> </body> </html> // console.log("Laurence"); /* This is my comment Laurence Svekis */ Self-check quiz
<script src="myJS.js"></script>.- No.
- By opening and closing it with
/*and*/. - Comment out the line with
//.
Chapter 2, JavaScript Essentials
Practice exercises
Practice exercise 2.1
console.log(typeof(str1)); console.log(typeof(str2)); console.log(typeof(val1)); console.log(typeof(val2)); console.log(typeof(myNum)); Practice exercise 2.2
const myName = "Maaike"; const myAge = 29; const cod...