JavaScript from Beginner to Expert [Video]

Preview in Mapt

JavaScript from Beginner to Expert [Video]

Arkadiusz Włodarczyk

Become a JavaScript expert in 30 days, even if you are a beginner. Become a front-end developer of websites in JS
Mapt Subscription
FREE
$29.99/m after trial
Video
$103.70
RRP $121.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$103.70
$29.99 p/m after trial
RRP $121.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


JavaScript from Beginner to Expert [Video] Book Cover
JavaScript from Beginner to Expert [Video]
$ 121.99
$ 103.70
The Complete JavaScript Developer: A Primer to Full Stack JS [Video] Book Cover
The Complete JavaScript Developer: A Primer to Full Stack JS [Video]
$ 71.99
$ 61.20
Buy 2 for $35.00
Save $158.98
Add to Cart

Video Details

ISBN 139781788838139
Course Length12 hours 36 minutes

Video Description

The course is designed for people who don't have any knowledge about programming or want to truly understand JavaScript. It doesn't matter if you have never written any programs or you have no idea about programming... After my course, all this will change. You will bust the myth that programming is a difficult thing only for the few! JavaScript will bring life to your website. Learn JavaScript in order to improve the user experience on your website, which will result in more visitors and sales, because happy visitors = a better reputation for your website. JavaScript gives your website additional functionalities that can be executed on the user's computer without re-connecting to the server. This allows you to do things that you cannot do with only HTML. Because of this, the user interface becomes friendlier and more inter-active JavaScript is a programming language used for creating dynamic action on your website. If you want to remove/change/add content to your website dynamically, you must know JavaScript. After this course, you will know JavaScript perfectly. This is the most organized course about JavaScript from Beginner to Expert on the whole Internet. I will take you step by step from theory to practical examples, like image sliders and animation.

Style And Approach

The total length of the JavaScript course is over 12 hours! You will learn theory and you will also gain lots of practice. During the course, I will explain to you how to write real-life applications, like galleries with thumbnails, image sliders, etc.

Table of Contents

Introduction
What is JavaScript and where can you use it?
Who Am I?
What will you know after this course?
Assumptions in this course
Editor
Downloading and installing editor
Creating the project / structure of project
Useful shortcuts that will save you tons of time
Basics
Properly embedding JS scripts on your website reducing website loading speed
Basics: How is your script executed? Whitespaces/semicolons etc.
Comments
Variables
Operators
Arithmetic operators
Relational operators
Logical operators
Conditions
Conditional Statements
Conditional operator ?:
Switch
Functions
Functions basics
Scope of Variables within Functions and Outside of Functions
Function Expressions | Anonymous function
Objects
What are and how to create objects?
Using an Object Constructor Function (class)
Adding Properties to Objects using Prototype
Arrays
Arrays
Useful Array Methods
Loops
What is a loop? while and do while loop
loop for
instruction break and continue
loop for/in - used for processing objects
EXERCISE: Argument Object in function (unlimited number of arguments)
DOM (Document Object Model)
What is DOM / how to obtain content of your website
querySelector - fast and easy accessing of elements on the website
Changing dynamically styles of elements using JS
Adding and removing elements from document
EXERCISE: Loop inside another Loop - printing out multiplication table
Events
Basics of Events
'this' - accessing the element that invoked the event function
onload event - VERY IMPORTANT LESSON DO NOT SKIP IT
Adding and removing event listener
Event object as an automatically passed argument to function
Propagating (multiplication of events)
Preventing browser default action for example blocking context menu
EXERCISE: onscroll Event - 'jump to the top of website' button
Mouse events - dragging the image
setTimeout and setInterval - Timing Events
EXERCISE: upgrading the code from the last lesson to object oriented way
Validating Forms using Events
How to validate forms? Validating text type input using form related events
Stopping form from submitting when any data in a form is not correct
Checkbox
radio input on terms and condition example
select (combo box)
String
Manipulating a string using String's methods
Breaking string in many lines for readability and special characters
RegExp
Regular expressions
Regexp match vs exec function
EXERCISE: RegExp on practical example - testing password in input
Date
Time manipulation with Date object
Exercise: A Clock on your website
Cookies
What are cookies?
Function for creating cookies
Function for removing cookies
Platform as a Service Function for finding value of cookie by keyname(PaaS)
Properly interpreting special characters - EncodeURIComponent method
Dialog Window
Confirm and prompt box
Math
Rounding numbers and the most useful Math methods
Randomness
EXERCISE: Random quotes
Location
How to get and change location (URL) of your user?
Images
Loading Images only when needed - save your bandwidth and improve user experience
Exercises
Slideshow
Slideshow animated in JS using CSS property transition
Animation using setInterval that is supported in every web browser
Image gallery with thumbnails
Tooltip - how to create a hint box?
Closures
What are closures on practical example?
Advanced - Optional Topics
Bitwise operators
BONUS 1: Debugging
Firebug
Debugging with console commands
Great online tools for testing and sharing your code
strict mode
BONUS 2: Best practises
Code performance
Keeping one .js file
Compressing JS files
7 most common mistakes you should avoid
Changing IDE coloristics - keep your eyes healthy
Summary
What after this course?

What You Will Learn

  • You will be able to create tooltips, slideshows, galleries with thumbnails and many more
  • You will understand events, variables, objects, arrays, functions, loops, conditional statements, DOM, RegExp, Cookies and use that info in your scripts.
  • You will know how to pre-validate all kind of forms and give users information if something is wrong without reloading the website
  • You will know how to debug and keep your code performing well
  • Quizzes and exercises
  • Support from the author
  • Organised material taking you from the Beginner to Expert level in JavaScript

Authors

Table of Contents

Introduction
What is JavaScript and where can you use it?
Who Am I?
What will you know after this course?
Assumptions in this course
Editor
Downloading and installing editor
Creating the project / structure of project
Useful shortcuts that will save you tons of time
Basics
Properly embedding JS scripts on your website reducing website loading speed
Basics: How is your script executed? Whitespaces/semicolons etc.
Comments
Variables
Operators
Arithmetic operators
Relational operators
Logical operators
Conditions
Conditional Statements
Conditional operator ?:
Switch
Functions
Functions basics
Scope of Variables within Functions and Outside of Functions
Function Expressions | Anonymous function
Objects
What are and how to create objects?
Using an Object Constructor Function (class)
Adding Properties to Objects using Prototype
Arrays
Arrays
Useful Array Methods
Loops
What is a loop? while and do while loop
loop for
instruction break and continue
loop for/in - used for processing objects
EXERCISE: Argument Object in function (unlimited number of arguments)
DOM (Document Object Model)
What is DOM / how to obtain content of your website
querySelector - fast and easy accessing of elements on the website
Changing dynamically styles of elements using JS
Adding and removing elements from document
EXERCISE: Loop inside another Loop - printing out multiplication table
Events
Basics of Events
'this' - accessing the element that invoked the event function
onload event - VERY IMPORTANT LESSON DO NOT SKIP IT
Adding and removing event listener
Event object as an automatically passed argument to function
Propagating (multiplication of events)
Preventing browser default action for example blocking context menu
EXERCISE: onscroll Event - 'jump to the top of website' button
Mouse events - dragging the image
setTimeout and setInterval - Timing Events
EXERCISE: upgrading the code from the last lesson to object oriented way
Validating Forms using Events
How to validate forms? Validating text type input using form related events
Stopping form from submitting when any data in a form is not correct
Checkbox
radio input on terms and condition example
select (combo box)
String
Manipulating a string using String's methods
Breaking string in many lines for readability and special characters
RegExp
Regular expressions
Regexp match vs exec function
EXERCISE: RegExp on practical example - testing password in input
Date
Time manipulation with Date object
Exercise: A Clock on your website
Cookies
What are cookies?
Function for creating cookies
Function for removing cookies
Platform as a Service Function for finding value of cookie by keyname(PaaS)
Properly interpreting special characters - EncodeURIComponent method
Dialog Window
Confirm and prompt box
Math
Rounding numbers and the most useful Math methods
Randomness
EXERCISE: Random quotes
Location
How to get and change location (URL) of your user?
Images
Loading Images only when needed - save your bandwidth and improve user experience
Exercises
Slideshow
Slideshow animated in JS using CSS property transition
Animation using setInterval that is supported in every web browser
Image gallery with thumbnails
Tooltip - how to create a hint box?
Closures
What are closures on practical example?
Advanced - Optional Topics
Bitwise operators
BONUS 1: Debugging
Firebug
Debugging with console commands
Great online tools for testing and sharing your code
strict mode
BONUS 2: Best practises
Code performance
Keeping one .js file
Compressing JS files
7 most common mistakes you should avoid
Changing IDE coloristics - keep your eyes healthy
Summary
What after this course?

Video Details

ISBN 139781788838139
Course Length12 hours 36 minutes
Read More

Read More Reviews

Recommended for You

The Complete JavaScript Developer: A Primer to Full Stack JS [Video] Book Cover
The Complete JavaScript Developer: A Primer to Full Stack JS [Video]
$ 71.99
$ 61.20
JavaScript (and jQuery) in 7 Days [Video] Book Cover
JavaScript (and jQuery) in 7 Days [Video]
$ 124.99
$ 106.25
SEO 2018: Training with an SEO Expert for Beginners [Video] Book Cover
SEO 2018: Training with an SEO Expert for Beginners [Video]
$ 124.99
$ 106.25
Java from Beginner to Expert [Video] Book Cover
Java from Beginner to Expert [Video]
$ 121.99
$ 103.70
C++: From Beginner to Expert [Video] Book Cover
C++: From Beginner to Expert [Video]
$ 45.99
$ 39.10
Learn Spring Boot in 100 Steps - Beginner to Expert [Video] Book Cover
Learn Spring Boot in 100 Steps - Beginner to Expert [Video]
$ 196.99
$ 167.45