JavaScript Weather Application

JavaScript Weather Application

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 4 Hours | 2.35 GB

Build a weather application from scratch.

Together we will build a web weather application using only pure JavaScript. And we will do all of this from scratch.

You will see how powerfull and fast is javascript, because here we will use no framework, no library, no Angular or React, just plain JavaScript.

This course will skyrocket your skills in web development. By the end of the lectures, you will be able to build any front-end application.

You will have the knowledge to design, create and code everything from ground up without depending on any framework or someone else’s code.

What Will I Learn?

  • You will be able to build any front-end application from ground up.
  • Improve your JavaScript skills
  • This course will help you to better understand how CSS and JavaScript are working under the hood.
Table of Contents

Introduction
1 Course Tips
2 Machine Setup
3 User Story
4 API
5 Design

Interface
6 Project Setup
7 CSS Resources
8 Favicon, Google Fonts, Theme Color
9 Loading Screen Style
10 Currently Weather Container I
11 FlexBox Crash Course
12 Currently Weather Container II

Interface II
13 Lower Panel & Daily Weather Forecast
14 Hourly Weather Forecast Panel
15 Menu

JavaScript Recap
16 QuerySelector vs QuerySelectorAll
17 Simple Animations With JavaScript and CSS
18 Scope
19 var, let, const
20 DOM Traversing
21 Arrow function

JavaScript UI Module I
22 Module Pattern
23 Loading Screen
24 Menu
25 Hourly Weather Forecast Panel

JavaScript Location Module
26 What we have to do
27 Get Location

JavaScript Weather Module
28 Weather API
29 Get Weather Forecast
30 Draw Data – Overview

JavaScript UI Module II
31 Draw Data I
32 Draw Data II

JavaScript Local Storage Module
33 Local Storage – Overview
34 Local Storage Module
35 Local Storage Implementation

JavaScript Saved Cities Module
36 Draw Saved Cities
37 Delete Saved City
38 Saved Cities Events & Implementation
39 Weather App Development