JavaScript ES/5, ES/6, ES/7, ES/8, ES/9, ES/10
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.
Curriculum is empty