Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development JavaScript

JavaScript for beginners: Create 27 projects from scratch

Learn JavaScript with practical and useful step by step hands-on projects
Rating: 3.0 out of 53.0 (29 ratings)
235 students
Created by Bluelime Learning Solutions
Last updated 10/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Install and use a text editor
  • Understand Data Types
  • Understand Variables
  • Understand Constants
  • Understand Arrays
  • Understand Functions
  • Understand Conditional statements
  • Understand Arrow functions
  • Use comments
  • Build 27 projects

Course content

29 sections • 185 lectures • 17h 16m total length

  • Preview02:04
  • Preview04:24
  • Preview03:47
  • Installing Sublime Text Editor
    03:49
  • Installing Brackets
    06:34
  • Where to Place JavaScript
    03:56
  • JavaScript Syntax
    03:04

  • Data Types
    04:54
  • JavaScript Operators
    04:59
  • Variables
    10:36
  • Const Variable
    04:00
  • Arrays
    03:32
  • Functions
    07:50
  • Conditional statements
    07:52
  • Arrow functions
    04:14
  • Undefined
    01:54
  • Null
    01:52
  • Object
    03:05
  • Typeof Operator
    04:43
  • JavaScript Events
    05:41
  • JavaScript Comments
    07:05
  • Using Mozilla Console and Scratch-Pad
    07:20

  • What we will create
    00:30
  • Creating project folder and HTML
    05:17
  • Creating Canvas Object
    09:15
  • Creating the clock face
    06:13
  • Drawing the clock numbers
    06:03
  • Drawing the time and hand
    10:03

  • What we will create
    00:50
  • Creating the directory and HTML Structure
    09:43
  • Creating the Logic
    08:55
  • Adding CSS
    03:29

  • What we will create
    01:02
  • Creating directory and HTML
    08:19
  • Adding CSS
    04:42
  • Adding JavaScript functions
    11:31

  • What we will create
    01:16
  • Creating project directory and HTML
    08:53
  • Adding CSS
    06:28
  • Adding JavaScript
    09:40

  • What we will create
    01:15
  • Creating project directory and HTML
    08:38
  • Adding JavaScript Functionality
    04:46
  • Adding CSS
    04:10
  • Converting pounds to kilograms
    07:40

  • What we will create
    01:00
  • Creating the project directory and HTML
    05:00
  • Adding CSS
    05:03
  • Adding JavaScript
    05:19

  • What is canvas
    01:24
  • Understanding co-ordinates
    04:28
  • What we will create
    01:51
  • Creating the canvas
    05:04
  • Accessing the canvas
    04:52
  • Creating the ball
    11:46
  • Making the ball move
    07:55
  • Removing obstructions
    06:21
  • Making the ball bounce Part 1
    03:48
  • Making the ball bounce Part 2
    10:26
  • Creating variables
    05:35
  • Create functions for the paddle
    07:09
  • Creating event listeners and events
    04:52
  • Creating functions to control events
    07:04
  • Creating more variables
    03:40
  • Moving the paddle
    07:40
  • Game end logic
    05:58
  • Creating the variables for the bricks
    04:16
  • Creating arrays for the bricks
    04:30
  • Creating functions to draw the bricks
    07:06
  • Implementing collision detection
    08:31
  • Activating collision detection
    04:05
  • Creating scoring logic
    09:44
  • Creating mouse controls
    06:17

  • Overview
    01:28
  • What we will create
    01:48
  • Creating directories and files
    03:15
  • creating the app structure
    10:27
  • Styling the app
    09:49
  • Creating the functionality
    09:57

Requirements

  • You should be able to use a computer at beginner level
  • You should be able to use the internet at beginner level

Description

JavaScript is the most popular scripting language in the world. It is responsible for the interactivity like games, online forms or surveys and other activities user’s can engage with on a website. Most dynamic if not all website contains some element of JavaScript.

JavaScript programming language drives millions of interactive web sites, powers fast web servers and can even be used to build desktop and mobile applications

In this course we will together create 27 beginner JavaScript projects from scratch. The projects are listed below:

Analogue Clock
Mortgage| Loan Calculator
Quote of the day app
BMI Calculator
Weight Coversion App
Theme color changer
2d breakout game
Digital calculator
Digital clock
Event countdown timer
Tip calculator
Word count tool
Contact form
Day of week app
Background color changer
Image slider
Addition game
Todo List App
Interactive Quiz App
Countdown Timer
Baloon Popping Game
RRS NewsFeed
Number guessing game
Light switch effect
Greeting message
Height Conversion App
Wack a mole game

In this course you will learn useful and practical steps to creating web based browser apps that will work when viewed with any modern web browser. I will be using google chrome for this project and i advise you do the same.

A good text editor makes writing code fun and productive.  I will be using  a mixture of text editors for this course  .

By the end of this course you will be confident to build more useful projects .

Who this course is for:

  • Beginner developers
  • Beginner programmers
  • Anyone who wants to learn JavaScript

Instructor

Bluelime Learning Solutions
Learning made simple
Bluelime Learning Solutions
  • 4.2 Instructor Rating
  • 17,430 Reviews
  • 406,247 Students
  • 221 Courses

Bluelime is UK based and creates quality easy to understand  eLearning  solutions .All our courses are 100% video based. We teach hands –on- examples  that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.