Learning Path: Next Level JavaScript
Course
Online
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Upgrade your JavaScript skills to ES6 and beyondGreat JavaScript is more than just syntax or style guides. This Learning Path starts by leading you through advanced JavaScript concepts, swiftly moving on to showing you how you can use ES6 and functional programming right away in live projects and applications.About the Authors:Ben FhalaBen Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geek.com, and an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world. He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.Mathieu ChauvincMathieu Chauvinc is a Managing Director at Red Ape Solutions, where he aspires to keep the company at the bleeding edge of web technologies. On a daily basis, he leads the tech team of 15 and collaborates with them in building complex single page applications and neat hybrid mobile apps. He has been involved in web technologies for over a decade, from Django to Node.js and Go, SQL to NoSQL, Mootools to Angular 2, continuously trying to keep the right balance between the excitement of new frameworks and the stability of proven ones. He always has a special place in his heart for Python and Django..
He holds a Master’s in Engineering from the German University Karlsruhe and a Master’s in Engineering from the French ENSAM (Paris)
Facilities
Location
Start date
Start date
About this course
Understand how to maintain code consistency by learning naming convention best practices
Get a behind-the-scenes look at the issues while targeting JavaScript version compatibility with different browsers
Lay the groundwork for creating libraries by loading scripts dynamically
Integrate Modernizr into your workflow to get rid of manual feature detection
Create and manipulate DOM elements using Sizzle
Explore the different design patterns and learn how to effectively use them with JavaScript
Make your library secure with the help of the advanced façade pattern
Add a time manager to your library using the singleton design pattern
Create, integrate, and test event dispatchers in JavaScript
Reviews
This centre's achievements
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 4 years
Subjects
- Programming
- Engineering
- Private
- Global
- Web
- Logic
- Design
- Works
- Javascript
- Testing
- Javascript training
Course programme
- Make a choice—tabs or space, but never both
- Check out how to improve code readability
- Make your code more legible using spaces
- Make you code consistent
- Grasp the naming conventions of primitive variables
- Clump variable definitions together
- Keep variables at the top of the scope
- Maintain consistency
- Watch the Hungarian notation in action
- Work with custom objects
- Take a look at the function naming conventions
- Understand the constructor naming convention
- Grasp the instance naming convention
- Check out the method and properties naming conventions
- Learn what namespaces are
- How to create a namespace
- Understand why namespaces are important
- Learn how to define constants in JavaScript
- Understand the naming conventions for constants in JavaScript
- Learn what unary is
- Grasp the use of unary + to make our code more efficient
- Prevent unexpected behavior in our code
- The important decision is: should we focus on the JavaScript version or feature availability?
- Create a pure JavaScript onLoad script
- Learn JavaScript feature detection and workarounds
- The problem with the onload callback
- The cross-browser solution to this problem
- Creating a functional onload trigger mechanism
- Testing for availability of a feature
- Working with DOMContentLoaded
- Falling back to onLoad
- We get rid of our need to detect features manually
- Integrate Modernizr
- Use Modernizr to detect features
- Discover the available support levels in browsers
- Create a conditional feature script
- Take a first look at the querySelectorAll method
- Get to know the querySelector method
- Choose to work with querySelectorAll
- A cross-browser solution for changing DOM content
- Create a script loader
- Add compatibility logic for older browsers
- We inject our script into the document
- Load scripts dynamically only when you need them
- Create a smooth alternative for your users that don't support built-in selectors
- Make the rest of the application unaware of these changes
- Learn how to avoid overwriting code
- See how easy it is to create a namespace
- Start building your library skeleton
- Create an anonymous function
- Self-trigger an anonymous function
- Create private variables
- Create the core structure of your library
- Create a safe global variable
- Understand the Module Design Pattern
- Understand the throwing of errors in JavaScript
- See how you can avoid errors if double loads are accepted
- Know the importance of updating your library
- Move all variables out of the global scope
- We move all our methods into the library
- Test whether everything works as expected
- What is an interface
- How to implement interfaces in JavaScript
- Getting ready to create an adapter
- What is an adapter
- Why we would want to use one
- Understand the case for the ease of expanding
- Creating a jQuery adapter
- Testing whether jQuery is around
- Returning the same type of data always
- Add a context for jQuery to talk to itself behind the hood
- Add the text method to the adapters
- Mimic the same feature on all plugins
- Add the text method to the adapters
- Wrap the outcome into an object
- Return the object to the user
- We march towards our main goal—hiding everything
- We want users to always get the same object; let's do that
- Keep what happens behind the hood behind the hood
- Understand why we are not always using the Facade
- Create a Facade creator
- We fix our currently library issue
- Add a costume method to the facade
- Test things out
- Make everything private by default
- Manually expose what we want to expose
- Return the public API to the user
- What is a singleton
- When do you need to use one
- How to create a singleton in JavaScript
- Define the public API
- Build up the add method logic
- Create a dictionary
- We integrate our Dictionary into our ticker logic
- Start an interval and set its sensitivity
- Build up the logic structure of our ticker
- Build the logic to process interval groups
- Learn how to debug applications
- Fix bugs
- Exposing the ticker to all users
- Integrate our ticker into our library
- Add events to the dispatcher
- Dispatch the events
- Test whether everything works as planned
- We integrate the event dispatcher into our ticker
- Dispatch the events in our ticker
- Test things as users
- Create the logic for removing events
- Test it
- Refractor the code to accept unit tests
- Create unit tests
- Run tests to check whether everything works as expected
- Make a choice—tabs or space, but never both
- Check out how to improve code readability
- Make your code more legible using spaces
- Make you code consistent
- Grasp the naming conventions of primitive variables
- Clump variable definitions together
- Keep variables at the top of the scope
- Maintain consistency
Additional information
Learning Path: Next Level JavaScript