Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Full Stack Web Development for Beginners- Part 3: Javascript and API'S

via Skillshare

Overview

Welcome to Full Stack Web Development for Beginners!

This course is designed to teach beginners everything they need to know to build full stack websites and applications!

This is part three of this huge course, teaching you all about Javascript, API'S and fetching data.

We begin with Javascript: Basics and control flow where you will learn:

  • Variables, string and numbers
  • Arithmetic and operators
  • Alert, prompt and confirm
  • if else statements and comparison operators
  • Nesting and logical operators
  • Ternaty operator
  • Switch statement
  • Dragon Slayer project!

We then move onto Javascript: DOM Manipulation, functions and events, learning about:

  • DOM Manipulation
  • Adding and removing elements using Javascript
  • Functions and arguments
  • Scope and hoisting
  • Arrow functions 
  • Events
  • Pixel to em converter project!

After this we learn about Javascript: Loops, Arrays and objects:

You will learn about:

  • Arrays and array methods
  • For each
  • Map
  • For loop
  • While loop
  • Objects and looping through objects
  • Object constructor function

Then we cover Javascript: Shape matcher game and RegEx which will cover:

  • HTTP, request and response
  • API'S
  • Fetching data and query strings
  • Async code and promises
  • Creating searches and searech queries
  • Event capture and bubbling
  • Song finder application!

This third part of the course covers all of the Javascript fundamentals you need to go on to building full stack websites.

So, enjoy this class and check out the rest of the parts as they become available!

Syllabus

  • Welcome to the course!
  • Download starter files
  • Variables, strings and numbers
  • Javascript arithmetic and operators
  • Alert, prompt and confirm
  • If/else statements and comparison
  • Nesting if else statements
  • Else if and logical operators
  • The ternary operator
  • The switch statement
  • Time to practice: The dragon slayer game
  • DOM Manipulation
  • Adding and removing elements with Javascript
  • Time to practice: adding elements with Javascript
  • Javascript functions
  • Function arguments
  • Scope and hoisting
  • Arrow functions
  • Javascript events
  • The event object
  • External Javascript
  • Time to practice: pixel to em converter
  • Solution: pixel to em converter
  • Javascript arrays
  • Array methods
  • Looping through arrays: forEach
  • Looping through arrays: map
  • Time to practice: arrays
  • Solution- arrays
  • For loop
  • While loop
  • Objects
  • Looping through objects
  • Object constructor function
  • Const and let
  • Generating a random shape
  • Repeating with setInterval
  • Template literals
  • Comparing objects and scoring
  • Introduction to regular expressions
  • RegEx find and replace project
  • HTTP, request and response
  • What is an API?
  • Fetching data and query strings
  • Async code and promises
  • Map through results
  • Creating our search query
  • Improving our search
  • Audio previews, capture and bubbling
  • Thank you
  • Follow me on Skillshare!

Taught by

Chris Dixon

Reviews

Start your review of Full Stack Web Development for Beginners- Part 3: Javascript and API'S

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.