In section three, we'll focus on data structures, and look at arrays, objects, maps, and sets.
In section four, we'll see how we can control program execution and take a look at the conditional logic involving if, switch, and ternary statements. We'll also cover loops and iterators here.
So section six will focus entirely on them. We look at some essential function concepts like scope, closures, prototypes, and the this key word. And we'll see how to work with different types of functions including arrow functions and generator functions.
In section seven, we'll look at a collection of different but widely used features of the language like AJAX, promises, destructuring assignments, regular expressions and classes.
Section eight will focus exclusively on working with the DOM. And the final section,
Let’s get our development area set up and ready for coding! In this lesson I’ll show you how.
The repository for this tutorial is set up to use SystemJS out of the box. And while we won't need it til later in the course, we can go ahead and claim the repository at this point. You'll need to have the latest stable version of Node.js installed, as well as the Git version control system.
So if you don't have these already, head on over to nodejs.org and get git-scm.com and follow the installation instructions for your platform. So to start with then, we can clone the repository, which we can do on the command line. You can get the URL at the repository from GitHub.
Let's just take a quick look at what you'll get in the project directory once you've cloned the repository. There are a couple of files there for Git, the gitignore License and readme.md files. And there are some npm files as well, the package.json and the package-lock.json files. We can ignore these, they aren't related to the course material at all and just contain meta information for git and npm.
There is a config.js file which contains a small amount of configuration for SystemJS. We won't need make any changes to this throughout the course and again this can largely be ignored. There's also a very basic HTML file called index.html. This file loads SystemJS and the configuration file, and tells SystemJS to load a file called index.js. This index.js file is our playground, and is where I'll be adding most of the different examples that we'll work on.
There is another branch in the repository which contains individual files for each of the different lessons throughout the course. Just to separate out the various coding examples that we're going to be looking at. These are in a branch called completed-course, and you can look at these at your own leisure. Let's just open up the index.js file, it should contain just the use strict directive and a console.log statement. We'll be looking at strict mode in more detail later in the course.
The console.log statement just writes a message to the browser's console, but it can be very useful for debugging purposes and we'll be seeing it a lot throughout the course. As well as SystemJS the project also uses a tool called browser sync, which allows us to use a local web server.
So this command should open up your default browser and load the index.html file from the repository in the browser. And I'm just gonna open up the console now. And in the console there you can see the working message that came from the console.log statement back in the index.js file.
One feature of browser sync is that it automatically watches our files and refreshes the browser whenever we save a file. So if we go back to the index.js file now, and let's just change the console.log statements.
LOGIN/REGISTER TO DOWNLOAD THE FREE SOURCECODES BELOW
For more information about the system. You can contact me @
Mobile No. – +254714643906
Or feel free to comment below.
SUBSCRIBE TO OUR YOUTUBE CHANNEL BELOW TO WATCH MORE VIDEOS
Note: Source Code is only available for educational purpose, plz don’t use it for commercial purpose without the permission of the original author.