JavaScript Beginner Bootcamp

BY
Udemy

Mode

Online

Fees

₹ 3699

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course overview

Rob Merrill - Front End Engineer & Trainer developed the JavaScript Beginner Bootcamp online certification, which is available through Udemy and is designed for learners who want to gain knowledge and understanding of the fundamental concepts of JavaScript, the world's most popular programming language. The JavaScript Beginner Bootcamp online course focuses on providing tools that explain ways for dealing with whiteboard algorithm challenges, as well as DOM and Dog therapy.

JavaScript Beginner Bootcamp online classes by Udemy comprise 37 hours of HD video-based learning resources, 59 articles, and 7 downloadable resources, as well as numerous quizzes on JavaScript syntax. This course is also jam-packed with mini-projects that will allow students to utilize what they've learned about JavaScript to develop their projects. This course will also offer students an understanding of JavaScript, allowing them to take a deeper dive into the language and maybe establish a new career as a JavaScript developer.

The highlights

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 37 hours of pre-recorded video content
  • 59 articles
  • 7 downloadable resources
  • Quizzes
  • 30-day money-back guarantee 
  • Unlimited access
  • Accessible on mobile devices and TV

Program offerings

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 37 hours of pre-recorded video content
  • 7 downloadable resources
  • Quizzes
  • Unlimited access
  • Accessible on mobile devices and tv
  • 59 articles

Course and certificate fees

Fees information
₹ 3,699
certificate availability

Yes

certificate providing authority

Udemy

What you will learn

Knowledge of css Knowledge of ajax

After completing the JavaScript Beginner Bootcamp certification course, learners will acquire a fundamental understanding of JavaScript concepts for application development and web development projects. Learners will study a range of whiteboard algorithm issues. Learners will learn about the strategies and techniques for dealing with ES6, DOM, and Dog therapy, as well as how to develop interactive web pages and publish them on the internet. Learners will also learn how to create a portfolio page using HTML and CSS features.

The syllabus

Course Overview

  • Course Overview

JavaScript Building Blocks

  • Variables
  • Navigating to new lines in the Chrome Console
  • Variables Lab
  • Variables Quiz
  • Variables Cheat Sheet
  • Strings
  • Strings Quiz
  • Strings Lab
  • Strings Cheat Sheet
  • Operators
  • Operators Quiz
  • Operators Lab
  • Increment & Decrement Operators
  • Increment and Decrement Operators Quiz
  • Operators Cheat Sheet

JavaScript Building Blocks: Mini Apps

  • Mini Project: Kelvin to Fahrenheit
  • Mini Project: Kelvin to Fahrenheit - Video Review
  • Mini Project: Cat Years
  • Mini Project: Cat Years - Video Walkthrough

JavaScript Objects

  • Objects
  • Objects Quiz
  • Objects Lab
  • Objects Cheat Sheet
  • Objects - Dot & Bracket Notation
  • Object Dot and Bracket Notation Quiz
  • Objects Dot & Bracket Notation Lab
  • Object Constructor Functions
  • Object Constructor Functions lab
  • The Secret Life of JavaScript Primitives

JavaScript Arrays

  • Arrays
  • Arrays lab
  • Arrays Quiz
  • Array Methods Part 1
  • Array Methods Part 1 lab
  • Array Methods Quiz
  • Array Methods Part 2
  • Array Methods Par 2 lab
  • Arrays Review

JavaScript Arrays: Mini App

  • Mini Project: Random Insult Generator
  • Mini Project: Random Insult Generator - Video Review

JavaScript Functions

  • Functions
  • Functions lab
  • Functions Deep Dive - Expressions, Anonymous functions & IIFEs
  • Functions Deep Dive lab
  • Function Scope
  • Function Scope lab

JavaScript Functions: Mini Apps

  • Mini App: Bear, Human, Gun Game
  • Mini App: Bear, Human, Gun Game - Video Walkthrough
  • Bear, Human, Gun Step by Step Walkthrough
  • Mini App: Calorie Calculator
  • Mini App: Calorie Calculator - Video Walkthrough
  • Calorie Calculator Step by Step Walkthrough

JavaScript Loops & Conditionals

  • Loops - Conditional Statements & Operators
  • Loops Part 1 lab
  • Switch Statements
  • Switch Statements Lab
  • Loops Part 2 - For Loops, While Loops & Do/While
  • Loops Part 2 lab

JavaScript Loops & Conditionals: Mini App

  • Magic Eight Ball
  • Magic Eight Ball - Video Walkthrough 

JavaScript Regular Expressions

  • Regular Expressions Intro
  • Regular Expressions Resource

Context: This, Bind, Call & Apply

  • This & Bind
  • This & Bind Lab
  • This & Call
  • This & Call Lab

Functional Programming Primer

  • Functional Programming Part 1 - Intro and Filter
  • Functional Programming Part 1 lab
  • Functional Programming Part 2 - Map
  • Functional Programming Part 2 - Map
  • Functional Programming Part 2 lab
  • Functional Programming Part 3 - Reduce
  • Functional Programming Part 3 lab
  • Array Methods - Further Reading

JavaScript Algorithms

  • Identify Unique String
  • Identify Longest Word in a String
  • Permutation of Two Strings
  • Sum of Range
  • Remove Elements From Head
  • Palindrome

ES6

  • Let Statements
  • Let Statements Lab
  • Const Declaration
  • Template Literals
  • Template Literals Lab
  • Arrow Functions
  • Arrow Functions Lab
  • Spread Operator
  • Spread Operator Lab
  • forEach Method
  • forEach Method Lab

JavaScript Whiteboard Algorithm Challenges

  • Environment Setup
  • Name Swap - Built in Functions
  • Name Swap - Built in Functions - Final Code
  • Name Swap - Indices
  • Name Swap - Indices - Final Code
  • Remove Odd Number from Array with Modulus Operator and For Loops
  • Remove Odd Number from Array with Modulus Operator and For Loops - Final Code
  • Remove Odd Numbers from Array with Filter Method
  • Remove Odd Numbers from Array with Filter Method - Final Code
  • Repeat a String with for loop
  • Repeat a String with for loop - Final Code
  • Repeat a String with while loop
  • Repeat a String with while loop - Final Code
  • Find the Longest String with replace method and regular expressions
  • Find the Longest String - Final Code
  • Find the Longest String with replace method and regular expressions with For Of
  • Find the Longest String Part II - Final Code
  • Alphabetize String with sort() method
  • Alphabetize String - Final Code
  • Alphabetize String with sort() method and spread syntax
  • Alphabetize String Part II - Final Code
  • Watch and Code - Section
  • Reverse a String
  • Filter Strings in an Array
  • Find Largest Number in an Array - Codepen
  • Find Largest Number in an Array
  • Reverse a String with built in functions
  • Reverse a String with built in functions - Final Code
  • Reverse a String with spread syntax
  • Reverse a String with spread syntax - Final Code
  • Reverse a String with for loop
  • Reverse a String with for loop - Final Code
  • Reverse a String with for of loop
  • Repeat a String with for of loop - Final Code
  • Is Palindrome?
  • Palindrome - Final Code

JavaScript and the DOM

  • Introduction to the DOM
  • DOM tree nodes
  • More About Nodes

Project: Todo App with Local Storage - Beta Release

  • Release Schedule for Todo List App
  • Todo List Project Overview
  • Lesson Two - document.querySelector() and document.getElementById() methods
  • Lesson Two - Quiz
  • Lesson 3 - Changing the DOM with document.textContent property
  • Lesson Three Quiz
  • Lesson 4 - More DOM methods and properties
  • Lesson 4 - Quiz
  • Lesson 5 - User interaction and event listeners
  • Lesson 6 - Working with Forms
  • Setting Up Dev Environment
  • Todo App without Local Storage
  • Lesson 8 - Local Storage
  • Todo App with Local Storage
  • lesson 10 - CSS
  • lesson 11 - Hosting
  • lesson 12 - Sharing Your Code
  • Release Schedule for Todo List App

Project - Matching Game - Beta Release

  • Matching Intro
  • Matching Part 1
  • Matching Part 2
  • Matching Part 3
  • Matching Part 4
  • Matching Part 5
  • Matching Part 6
  • Matching Part 7
  • Matching Part 8
  • Matching Part 9

Quote Machine

  • Quote Machine HTML & CSS
  • Quote Machine HTML & CSS - Video Walkthrough
  • Quote Machine - JavaScript
  • Quote Machine - JavaScript - Video Walkthrough
  • Deploy to Netlify

Dog Therapy

  • Project Prerequisites
  • Dog Therapy Preview
  • Dog Therapy Preview - Video Walkthrough
  • JSON Data and AJAX Requests
  • JSON Data and AJAX Requests - Video Walkthrough
  • How to Make an AJAX Request with the fetch() Method
  • How to Make an AJAX Request with the fetch() method - Video Walkthrough
  • Build and Style our Page with HTML & CSS
  • Dog Therapy - JavaScript

Appendix 1: Build a Website with HTML & CSS

  • Front End Website Overview

Front End Developer HTML

  • Text Editor
  • HTML Intro
  • HTML Elements and Tags
  • HTML Comments and Structure
  • HTML Header
  • HTML Hero
  • HTML Services
  • HTML About
  • HTML Testimonials
  • HTML Footer

Front End Developer CSS

  • CSS Intro
  • Full Course Code
  • CSS Header
  • CSS Footer
  • CSS Hero
  • CSS Services
  • CSS About & Testimonials
  • CSS - Internal Navigation

Front End Cookbook

  • CSS Animations
  • CSS Animations - Video Walkthrough
  • CSS Animations Challenge
  • CSS Animations Challenge Video Walkthrough
  • CSS Transitions
  • CSS Transitions - Video Walkthrough
  • CSS Transitions Challenge: transition-function-timing
  • CSS Transitions Challenge - Video Walkthrough
  • Debugging
  • Debugging - Video Walkthrough - Part 1
  • Debugging - Video Walkthrough - Part 2
  • Debugging - Video Walkthrough - Part 3
  • Keeping Time with Moment.js
  • Keeping Time with Moment.js - Video Walkthrough - Basics
  • Keeping Time with Moment.js - Video Walkthrough - Christmas Countdown

Svelt - Build Apps with Svelt.js

  • New Instructor - John Smilga
  • Svelt Info
  • Section Requirements
  • Text Editor Setup

Svelte Project - Budget Calculator

  • Intro
  • Starter Application
  • Folder Structure
  • Setup Files
  • Add Global CSS & Font Awesome
  • Component Overview
  • Navbar Component Intro
  • Navbar Component
  • Title Component
  • Props Basics
  • CSS
  • Each Block
  • Expenses Data
  • Expenses Component
  • Else and Passing Props
  • Expense Component
  • If Block
  • Events
  • Component Communication
  • Props Drilling
  • SetContext and GetContext
  • createEventDispatcher
  • Clear Expenses Button
  • Reactivity
  • Form Setup
  • Two Way Binding
  • Empty Values Functionality
  • Form Submission
  • Add New Expense
  • setModifiedExpense
  • Pass Edit Values into Form
  • editExpense
  • Toggle Form
  • Lifecycle Functions
  • Setup Local Storage API
  • afterUpdate
  • slot basics
  • Complete Modal
  • Transition Basics
  • Transition Parameters
  • Transition - in: and out:
  • Modal Transitions
  • Simple Expense Transition
  • Key Expression in Each Block and Animate
  • HTTP Request using onMount
  • HTTP Request using #Await Blocks
  • Deploy on Netlify - Drag and Drop
  • Deploy on Netlify - Continuous Deployment

Svelte Project - Ecommerce App - Razor

  • Instructor Introduction
  • Project Demonstration
  • Intro
  • Intro
  • Setup Files
  • Bootstrap Svelte Application
  • Folder Structure and Resources
  • Setup Project Pages
  • Svelte Router Setup
  • Url Parameters
  • Hero Component
  • Local Data Structure
  • Svelte Store Benefits/Basics
  • Products Store Setup
  • Flatten Products
  • Store Unsubscribe
  • Store Unsubscribe Shorthand
  • Products Component Complete
  • Single Product Complete
  • Loading Component
  • Featured Products
  • Derived Stores
  • Single Product Page
  • svelte:head element
  • Small Navbar
  • Cart Button
  • Big Navbar
  • Links
  • Toggle Navbars
  • Basic Sidebar
  • Global Store Basics
  • Global Store Method
  • Setup Close Sidebar Function
  • Sidebar Transitions
  • Cart Basics
  • Cart Structure
  • Cart Store Initial Setup
  • Cart Items
  • Single Cart Item
  • Cart List Transitions
  • Cart Total
  • Remove Item
  • Increase Amount
  • Decrease Amount
  • Decrease Amount Refactor - OPTIONAL
  • Add To Cart
  • LocalStorage Setup
  • User Store Setup
  • Login/Logout Links
  • Checklist
  • Strapi Info
  • Bootstrap Strapi App
  • Products Content Type
  • Add Products
  • API Access
  • getProducts
  • Products Store
  • Image Problem Fix
  • Login Page - Variables
  • Login Page - HTML
  • Login Page - Basic Functionality
  • Login - General Overview
  • registerUser Function
  • loginUser Function
  • User Store Update
  • setupUser Function
  • navigate
  • Alert Basics
  • Configure Alert
  • Alert with Form Sumbissions
  • Close Alert Programmatically
  • Double Check Login Functionality
  • Checkout Page Overview
  • Checkout Page Basics
  • Restrict Access
  • Empty Cart
  • Checkout Form - Basic Setup
  • Setup Stripe Account
  • Stripe Elements - HTML
  • Stripe Elements - Javascript
  • Stripe Token
  • Empty Cart Error
  • Submit Order Function
  • Complete Submit Order
  • Complete App
  • Free Claudinary Account
  • Connect Claudinary with Strapi
  • Free Heroku Account
  • Install Heroku CLI
  • Deploy Strapi on Heroku
  • Setup Backend
  • Deploy Svelte APP on Netlify

FREE BONUS: Front End Framework - React

  • Getting Started From Scratch with React
  • React Code
  • Challenge - Using JSX
  • Code Refactor
  • Rendering One Element
  • Rendering Multiple Elements
  • Babel and React
  • Creating Functional Stateless Components
  • Stateless Functional Components Practice
  • Creating Class Components
  • Creating Class Components Practice
  • Styling Stateless Functional Components
  • Styling within Components
  • Styling Class Components
  • Building Your First Complex Component
  • Setting Up a Project
  • Building Our Components
  • Styling Our Components Part I
  • Styling Our Components Part II
  • Props Part I - Stateless Functional Components
  • Props Part II - Class Components
  • Props Part III - Color Spectrum Refactor
  • CodePen Challenges
  • CodePen Challenge I
  • Challenge 2
  • Challenge 3
  • Challenge 4
  • Challenge 5
  • Capstone Project - Image Links
  • Props Project
  • Iterating Through Lists
  • Iterating Through Lists Refactor
  • Filter and Map method on an Array
  • Rendering Two Filtered and Transformed Lists to the DOM
  • CodePen Challenge I
  • CodePen Challenge II
  • Color Spectrum Refactor
  • FriendLy App Refactor with Map method
  • FriendLy - Filter and Map two Lists to the DOM
  • Useless Note Take - Introduction to React Events
  • React Events Part II
  • Guess My Age - Intro to State
  • Meal Voter
  • React Forms
  • Ajax Requests and the Fetch API

Functions

  • Whitespace - New

Blog post to later be turned into videos

  • forEach

Instructors

Mr Rob Merrill
Instructor
Udemy

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books