Udemy Learn JavaScript By Doing Useful Projects


  1. Home
  2. Udemy Class

Free Preview Videos

  1. Overview Of Our Training Process
  2. Prerequisites
  3. Google Chrome Developers Tools
  4. Visual Studio Code
  5. Visual Studio Code - A 30 Minute Lesson that will save you hours.
  6. Getting Help When You Are Stuck
  7. Template for Udemy Lesson
  8. JavaScript DOM Crash Course - Part 1
  9. JavaScript DOM Crash Course - Part 2
  10. JavaScript DOM Crash Course - Part 3
  11. JavaScript DOM Crash Course - Part 4
  12. bootswatch yeti is the css theme we use throughout our projects. It is based on Bootstrap.
  13. Lesson 1 - Build Your Intranet - Start here as all future lessons build on this lesson.
    1. What you will build video.
    2. We are going to build an intranet that you will actually use at your job or in your web development business. To this we will keep adding functionality.
    3. This will serve as a reference for your future development work and provide some functionality you will need as a future web developer.
    4. Step By Step Instructions Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
    5. Step By Step Instructions Document in PDF format
    6. What you have learned in this lesson:

Beginner Lessons


  1. Add Day, Date and Time to My Intranet Home Page
  2. Programatically build an HTML Table that is feed with JSON data containing links to 99 websites you need as a web developer:
    1. What you will build, and what your will learn in this lesson video:
      1. Reference useful websites for Web Developers - Use JavaScript to programatically build a table and populate it with JSON Data.
      2. Quick beginner overview of JSON (JavaScript Object Notation) data.
      3. Linking an external JavaScript source file to your HTML file.
    2. Step By Step Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
    3. Step By Step PDF
    4. Step By Step Video Instructions
    5. What you have learned in this lesson:

  3. My Definitions List
    1. What you will build, and what your will learn in this lesson video:
    2. Step By Step Written Instructions
    3. Step By Step Written Instructions In a Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
    4. Step By Step Written Instructions In a PDF Document
    5. Step By Step Video Instructions
    6. What you have learned in this lesson:
  4. Build a Meeting Agenda Application:
  5. Build a Calorie Tracker Application:
  6. Build a Customer Invoice Generating Application:
  7. Build/Add a Modal to Your Intranet: This popup window will allow users of your website to contact you, providing Name, Email Address, Select Big Picture Subject (Technical Support, Sales Inquiry, etc.), enter comments. Then this data will be send to the database you choose (Mail Chimp, Google docs), then forwarded to your email.
  8. Marketing My Business:
  9. Manage My Subscriptions:
  10. Google Chrome Extension:
  11. To-Do List - Build a ToDo List using Google Chrome Local Storage, Arrays, and Sorting:
  13. Time Tracking Application Using Local Storage:
    1. What you will build video:
    2. Step By Step Written Instructions In a Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
    3. Step By Step Written Instructions In a PDF Document
    4. Step By Step Video Instructions
    5. What you have learned in this lesson:
  14. Playmates CRUD with Arrays of JSON
    1. What you will build, and what your will learn in this lesson video:
    2. Prerequisites - What you should know before you start this lesson.
    3. Step By Step Written Instructions In a Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
    4. Step By Step Written Instructions In a PDF Document
    5. Step By Step Video Instructions
    6. What you have learned in this lesson:
  15. What to Watch Application
    1. Why you need this application: you will build video:
      1. Manage you time.
      2. So many options now fow entertainment content.
      3. So many sources.
      4. I had 10 things going on Netflix, 10 more on Amazon Prime, 5 on Tivo, you get the picture.
    1. What you will learn video:

    Intermediate Lessons


    Advanced Lessons


    Appendix


Lessons Template

  1. What you will build, and what your will learn in this lesson video:
  2. Prerequisites - What you should know before you start this lesson.
  3. Step By Step Written Instructions In a Google Document - If you use Google Docs, do a file save as and save this file in your Google Drive space.
  4. Step By Step Written Instructions In a PDF Document
  5. Step By Step Video Instructions
  6. What you have learned in this lesson: