Main Canal Road, Muslim Town Lahore
[email protected]
Module Two
Home Module Two JavaScript ES/5, ES/6, ES/7, ES/8, ES/9, ES/10

JavaScript ES/5, ES/6, ES/7, ES/8, ES/9, ES/10

courses_09

In our second module you will be learning JavaScript ES/5, ES/6, ES/7, ES/8, ES/9, and ES/10 After you’re done with 2nd module you’ll know about programming language JavaScript which will be a big help when you learn web applications, frame works, react, vue, angular, nodejs etc. Second module has 33 projects, 4 capstone projects, 20 assignments and 500 challenges Detailed information about the module is given below.

What You`ll Learn on This Section

    • Javascript structure
    • Exploring String Methods
    • Exploring Number Methods
    • Constant Variables
    • Bonus¦ Variables with var
    • lavaScript Arrays
    • Array Basics
    • Manipulating Arrays with Func
    • Looping Over Arrays
    • The For Loop
    • Searching Arrays
    • Filtering Arrays
    • Sorting Arrays
    • Improve Our Expense Tracker
    • Javascript in the Browser
    • Continue...

    • Syncing Data Across Pages
    • JavaScript Dates
    • Moment
    • Integrating Dates
    • Arrow Functions
    • Conditional (Ternary) Operator
    • Truthy and Falsy Values
    • Type Coercion
    • Catching and Throwing Errors
    • Handling Application Errors
    • Working in Strict Mode

    • Advanced Objects and Functions
    • Object Oriented Programming
    • Constructor Functions
    • Setting up the Prototype Object
    • Prototypical Inheritance
    • Primitives and Objects
    • Creating Subclasses
    • Getters and Setters
    • Update¦ Fixing an Edge Case
    • Asynchronous JavaScript
    • Continue...

    • Explore Doc – Class Doc. App
    • DocumentApp Class overview
    • Get Document Contents
    • Document Body Contents
    • Class DocumentApp
    • Document Body Updates
    • Document Body Children
    • Document Classes h Method
    • Simple Copy Doc Script
    • DocumentApp Bound Script
    • Continue...

    • StandAlone SpreadSheetApp
    • Google SpreadSheetApp Meth.
    • Creating Content and Styling.
    • Spreadsheet data to Doc Table
    • Spreadsheet data dynamic
    • SpreadSheet Tracker Exercise
    • SpreadSheet Sheet Class
    • From one sheet to another
    • Bound Spreadsheet App
    • Google Sheets Functions
    • Continue...

    • Google Drive – DriveApp Class
    • Google DriveApp Class
    • Select Folder By ID
    • Create Folder DriveApp
    • DriveApp create File
    • SpreadSheet with DriveApp
    • Source Code
    • Create Doc and Move it
    • Source Code
    • DriveApp Search
    • DriveApp Search Files
    • DriveApp searchFolders Params
    • Add editors and Delete
    • Redirect on search string
    • Exercise WebApp Redirector

    • Make Draft GmailApp
    • View your Draft Email
    • Use HTML Template email
    • Send out a bunch of Emails
    • Chat Threads GmailApp
    • Get Gmail Messages

    • Calendar App Service
    • Add Location Info Calendar App
    • Calendar Event with options
    • Full Day events Calendar App
    • Calendar App Event Series
    • Calendar App Date Time
    • Easy way to enter Events
    • More Calendars
    • Calendar Settings
    • Get All Calendars
    • Calendars By Name
    • Source Code
    • Calendar Events
    • Calendar Events Explored
    • Calendar Events / spreadsheet
    • Google Calendar Events Invites
    • Send Weekly Calendar Events

    • Apps Script Image Uploader
    • HTML Content Service
    • HTML Content Template File
    • HTML Content from File
    • Create the HTML form
    • Send Data to Google Script Backend
    • Send Image to Google Script
    • Image upload Tweaks
    • Spreadsheet App tracking uploads
    • Send Email notification
    • Application Image Uploader

    • Setup Google Form
    • Spreadsheet Bound Script
    • Google Script Setup Project triggers
    • Setup Email to Send
    • MailApp Send Email
    • Email HTML template
    • HTML Service replace content
    • HTML to PDF and Attach it
    • Send automatic emails
    • iterate Sheet Data Send Emails
    • Review and update code for project

    • Contact Form Setup
    • Create Spreadsheet and setup
    • Sending an Email with Apps Script.
    • Google Script send email
    • Spreadsheet App add content
    • Test Sheet Google Script
    • Create Web App
    • Google Script Trigger Examples
    • Get Data Parameters
    • javaScript Fetch
    • Outdate HTML in Submit
    • Send email on submit
    • Random ID function and Date Add
    • Google Script doPost doGet Source Code
    • Email template
    • Create Web App
    • App Wrap Up and Review

    • CalendarApp Setup
    • Add SideBar Dialog
    • HTML service Method
    • CalendarApp Methods
    • New Event Form HTML
    • New Event .html file source code
    • lavaScript Form Submit Data
    • Google Script Run
    • HTML file source code
    • Create Calendar Event from Form
    • Spreadsheet Tweaks
    • Create Event Checker
    • Client Side to Server Side
    • SheetMaker Spreadsheet
    • Get Event Data for Sheet
    • Search Title Update
    • WebApp Option to add

    • PDF Uploader Project Section
    • Spreadsheet App
    • PDF Uploader Project Section
    • Spreadsheet App
    • Update Spreadsheet content
    • Get Content from Spreadsheet
    • Add Content to Spreadsheet
    • Spreadsheet content
    • Create Web App
    • Templated HTML webApp
    • Index page source
    • Sheet Values on Client Side
    • Upload PDF to Drive
    • Upload html source code

    • Project – Setup
    • Project – Header HTML
    • Project – Header CSS
    • Project – Video HTML
    • Project – Video CSS
    • Project – Navigation Button
    • Project – Navbar HTML
    • Project – Navbar CSS
    • Project – Switch Button
    • Project – Preloader HTML CSS
    • Continue...

    • Project – Setup
    • Project –Navbar HTML
    • Project – Navbar CSS
    • Project – Header HTML
    • Project – Header CSS
    • Project – Section Title
    • Project – Skills Section
    • Project – Preloader
    • Project – Inventory Section
    • Project – Question Section
    • Project – Featured Section
    • Project – Footer Section
    • Project – lavascript Code Struct
    • Project – Create Data
    • Project – Display Featured Cars
    • Project – Display All Cars
    • Project – Inventory Filter

    • Project Overview
    • Project – Intro
    • Project – Setup
    • Project – HTML
    • Project – CSS
    • Project – Javascript Setup
    • Project – Show/Hide Gif Image
    • Project – Wikipedia API Res.
    • Project – Display Data

    • Navbar
    • Hero
    • Products
    • Cart and Cart Overlay
    • Javascript Setup
    • Getting Products
    • Display Products
    • Store Products in Local Storage
    • getBagButtons Method
    • Add Product To The Cart
    • Set Cart Values
    • Display Cart Item
    • Show Cart
    • SetupAPP Method
    • Cart Logic – Clear Cart
    • Contentful Intro
    • Add Data To Contentful
    • Get Data From Contentful
    • Go Live On Netlify
    • Finished Project

    • Add Items in Cart
    • Remove Items Cart
    • Saving Courses Into Storage
    • Print from Storage on Load
    • Clearing from Storage
    • Remove from Storage

    • Validating Fields
    • Send the email
    • Restart form
    • Object Literals
    • Object Constructor
    • Constructors for Data Types
    • Prototypes
    • Inheriting Const. h Proto.
    • The Object Create Method
    • Creating a Class
    • Inheriting a Class and it's meth.

    • Kicking off the Project
    • Reading Values from the Form
    • Printing a message
    • Calculating the Insurance
    • Calculate Insurance Func.
    • Printing the Result
    • Displaying a Summary
    • Finishing this Example
    • From Prototypes to ES6 Classes

    • Creating the Classes
    • Validating the Expenses
    • Adding Expenses into the List
    • Working with the Rem. Budget

    • Fields from the form
    • Making the Ajax Request
    • Printing the Results
    • Asynchronous lavaScript
    • Callbacks
    • Promises
    • Fetch API
    • Fetch API – Loading Text
    • Fetch API – Load Content
    • FETCH API – Load Content
    • FETCH API – Load Content
    • Arrow Functions and Fetch API
    • Async / Await
    • Async Await from a REST API

    • Starting the project
    • Querying the Rest APIS
    • Reading Values from the Form
    • Querying the Rest API
    • Printing the Results
    • Finishing the Project

    • Creating the EventBrite App
    • Categories into the Select
    • Reading the form content
    • Querying the REST API
    • Printing the Events

    • Adding the Main Containers
    • Calling the Questions API
    • The Algorithm
    • Injecting the Right Answer
    • Possible Questions
    • Allowing the user to select 1
    • Validating at least 1 answer
    • Checking answer
    • Adding the Totals
    • Saving the Total
    • Destructuring
    • Basic Object Destructuring
    • Destructuring inside another
    • Destructuring a Arrays
    • Symbols
    • Sets
    • Maps
    • Iterators
    • Generators
    • Built Iterators In lavaScript
    • Regular Expressions

    • Project and the API
    • Form Event Listener
    • Displaying a Message
    • Querying the Rest API
    • Building the Results Template
    • REST API to the Template
    • Making our Rest API
    • Templates in our App
    • Show the Recipe
    • Recipe into a Modal Function
    • Displaying the Recipe Info
    • Select from the REST API
    • Querying By Category
    • Favorites in the Favorites page
    • Removing Favorites
    • Importing / Exporting Variables
    • Importing / Exporting Functions
    • Importing / Exporting Classes
    • Inherit from other Classes

    • Importing User Interface
    • Validating the Form
    • Querying the REST API

    • Client Side Storage IndexedDB
    • Main Selectors for the User
    • Creating the IndexedDB
    • Working with the Schema
    • Creating an Object
    • Inserting Record in Database
    • Displaying the Records
    • Displaying a Conditional Text
    • Adding a Remove Button
    • Deleting Rec. from the Database
    • The forEach method
    • The .map method
    • The .filter method
    • The .find method
    • The .reduce Method
    • The .some Method

    • Kicking off the Project
    • Displaying all the Cars
    • Reading the Selected Element
    • Higher Order Function
    • Filtering by Year
    • Filtering by Price
    • Building the No Results Function
    • Installing NodelS h NPM
    • Webpack configuration file
    • Creating an NPM Script
    • Adding Babel
    • Adding CSS into our lS Bundles
    • Adding SASS (SCSS)
    • Creating Files with Webpack
    • Adding webpack dev server

    • Project Setup and Details
    • Project Planning
    • Imp. the Module Pattern
    • Reading Input Data
    • Adding a New Item to the UI
    • Clearing Our Input Fields
    • Event Delegation
    • Deleting an Item from the UI
    • Percentages¦ Controller
    • Percentages¦ Budget Controller
    • Percentages¦ UI Controller
    • Formatting Our Budget
    • Displaying the date
    • Improving the UX

    • Making our First API Calls
    • The Search Model
    • The Search Controller
    • The Search View
    • The Recipe View
    • Updating Recipe Servings
    • The Shopping List Model
    • The Shopping List View
    • The Shopping List Controller
    • The Likes Model
    • The Likes Controller
    • The Likes View
    • Data with localStorage

    • Node, NPM, Create–react–app
    • Your First Component
    • lSX h Building the Form
    • Adding CSS into the Project
    • Events in ReactJS
    • The React State
    • Validate a Form in React
    • Handling Form Submissions
    • Helper Functions in React
    • Building the Result Component
    • Displaying the Results
    • Rendering of Components
    • Show a Loading Spinner
    • Project Deployment

    • Creating the Express Server
    • Adding Express Router to create a Website with Multiple Urls
    • Working with Views
    • Building a Master View
    • Creating the Header and the Footer
    • Adding the Static Files and linking the Public Folder
    • Passing Variables to the Views
    • Passing the Name of the Page to the Title
    • Creating the Sitename for Production h Development
    • Working with the About Us Page
    • Continue...

Who This Course is for

This module is for someone who has some experience with HTML, CSS, and JavaScript, but you don’t need to be an expert.

Overview

  • Projects: 33
  • Duration: 4 months
  • Capstone Projects: 10
  • 20+ Assignments
  • 100+ challenges
Curriculum is empty

Message modal