Intro to Javascript

Description

This is a basic introduction to JavaScript, which is the programming language of the web. The class is designed for anyone interested in developing a website, or creating an interactive data visualization. By the end of this course, you will be able to read JavaScript you find online and adapt it to your needs. You will also have an opportunity to work with common JavaScript libraries/tools and enhance your own research practices.

Table of Contents

    1. Frontmatter

    2. Introduction

    Learning Outcomes / The Process of Learning a Language / Cool, Inspiring Libraries / JavaSCRIPT, not Java / ...

    3. Getting Started with JavaScript

    Hello, World! / Data Types / Comparisons / Variables / ...

    4. If/Then

    Thinking in Code / Prompts / If/Else Statements / Else If Statements / ...

    5. Loops and Arrays

    Arrays / Accessing Values in an Array / Changing Values in an Array / Adding Values to an Array / ...

    6. Functions

    What are Functions? / Calling a Function / Scope / var / ...

    7. Making Mistakes

    Common Types of Errors / Logical Errors / Strategies to Avoid Mistakes / Using console.log() to Debug / ...

    8. VSCode and GitHub

    VSCode / Creating a GitHub Account / Getting Acquainted with Git and GitHub / Installing Git / ...

    9. HTML and CSS

    HTML, CSS, and JavaScript / HTML / CSS / JavaScript / ...

    10. Interactive Web Design

    Running a Live Server in VSCode / Importing jQuery / Using jQuery / Adding Interactivity / ...

    11. Building a Data-Driven Webpage

    The Poem / Setting Up the Page / Converting the Poem into Data / Adding Information to the Poem / ...

    12. JSON

    Review Questions / Challenges / Key Terms / Download the Project

    13. Mapping With Leaflet

    Web Maps / Getting Started with Leaflet / HTML / CSS / ...

    14. Working With GeoSpatial Data

    The Dataset / Preparing the Page / Adding the Data / Styling the Data / ...

    15. Reading Documentation

    What is Documentation? / "Getting Started" vs. "Documentation" / The Art of Reading Referencing / Beyond the Docs / ...

    16. Starting Your Project

    Project Requirements / Project Components / Project Ideas / Project Scope / ...

    17. Putting the Project Together

    Wireframing / CSS Styling / Incorporating GeoJSON Data / General Advice / ...

    18. Going Live