Add Index Page
  • Introduction
  • Web App Structure
  • Create Project
  • Add Bootstrap Navbar to Index Page
  • Add Styles to Navbar
  • Add Weather App Logo
  • Add Background Image to Index Page
  • Style Text on Background Image
Current Weather
  • Section Intro
  • Current Weather HTML Page
  • Style Bootstrap Jumbotron
  • API Description
  • Introduction to Open Weather Map API
  • Current Weather Ajax Request
  • Display Current Weather Data
  • Add Units To Results
  • Style Error Message
  • Add Footer
  • Style Current Weather Data Result Tag
  • Reduce Footer Margin
  • Display Current Weather Icon
  • Conclusion
Forecast Weather
  • Section Intro
  • Forecast Weather HTML Page
  • Description of Open Weather Map Forecast API
  • Weather Forecast Results Table
  • Weather Forecast Ajax Request
  • Dynamically Add Forecast Results to Table Data
  • Display Weather Forecast Icons
  • Display City Name and Country Code
  • Add CSS Styles To Table
  • Increase Height of Container Div
  • Weather Forecast Update (NEW) - Part 1
  • Weather Forecast Update (NEW) - Part 2
  • Conclusion
Index Page Styling and Text Animation
  • Add More Text to Index Page
  • Style Text and Columns
  • Add Footer to Index Page
  • Text Animations
  • Conclusion