This unit expands foundational web and programming knowledge into building dynamic, responsive web pages and introductory mobile apps while introducing data handling and visualization workflows. Students will learn core JavaScript concepts and DOM interactions, responsive layout techniques (Flexbox, Bootstrap), basic Dart/Flutter app structure, and methods for accessing, validating, and visualizing structured data.
Learning Objectives
- Apply responsive layout techniques using Flexbox and Bootstrap to build accessible, multi-column web pages with nested rows/columns and tabular data that adapt across devices
- Demonstrate core JavaScript programming constructs by writing and debugging scripts that use variables, arrays, operators, loops, functions, objects (including JSON), closures, and that interact with the BOM/DOM to handle events and form input
- Analyze and manipulate structured and raw data using JSON and Python (Anaconda), perform basic data validation, and create visualizations such as scatterplots with configured axes, ticks, and grids
- Evaluate and implement basic mobile app components using Dart/Flutter (widgets, navigation, state) and justify appropriate web or mobile toolchains for a given project
Curriculum
- 1 Section
- 50 Lessons
- 30 hours
Expand all sectionsCollapse all sections
- Unit 2 — Interactive Web and Mobile Development50
- 1.1Using Flexbox20 mins
- 1.2Installing Bootstrap20 mins
- 1.3JavaScript Grows Up20 mins
- 1.4Reading JavaScript Code20 mins
- 1.5Initializing Variables20 mins
- 1.6Array Fundamentals20 mins
- 1.7Hello, Operator20 mins
- 1.8Here We Go: Loop De Loop20 mins
- 1.9Using Function Terminology20 mins
- 1.10Creating Objects20 mins
- 1.11Investigating the BOM20 mins
- 1.12Understanding Node Relationships20 mins
- 1.13Handling Events20 mins
- 1.14Working with the Form Object20 mins
- 1.15Understanding Closures20 mins
- 1.16Putting Objects in Motion with JSON20 mins
- 1.17Where Does Flutter Fit In?20 mins
- 1.18What to Do20 mins
- 1.19Classes, Objects, and Widgets20 mins
- 1.20Programming in Dart: The Small Stuff20 mins
- 1.21Enhancing Your App20 mins
- 1.22Nesting Rows and Columns20 mins
- 1.23Wait For It!20 mins
- 1.24Navigating from One Page to Another20 mins
- 1.25Moving Along a Straight Line20 mins
- 1.26Defining Python Structure20 mins
- 1.27Installing Anaconda on Linux20 mins
- 1.28Accessing Data in Structured Flat-File Form20 mins
- 1.29Validating Your Data20 mins
- 1.30Working with Raw Text20 mins
- 1.31Setting the Axis, Ticks, Grids20 mins
- 1.32Creating Advanced Scatterplots20 mins
- 1.33Finding a New Coding Job20 mins
- 1.34Enrolling in an Advanced Degree Program20 mins
- 1.35Learning on the Job and After Work20 mins
- 1.36You Must Have Studied Engineering20 mins
- 1.37Surveying the Types of Programming Languages20 mins
- 1.38Coding Mobile Applications20 mins
- 1.39Getting Familiar with Common HTML Tasks and Elements20 mins
- 1.40Putting Data in Tables20 mins
- 1.41Common CSS Tasks and Selectors20 mins
- 1.42Aligning and Laying Out Your Elements20 mins
- 1.43Experimenting with Flexbox20 mins
- 1.44Understanding the Layout Options20 mins
- 1.45Why JavaScript?20 mins
- 1.46Running JavaScript in the Browser Window20 mins
- 1.47Understanding Global and Local Scope20 mins
- 1.48Creating Arrays20 mins
- 1.49Types of Operators20 mins
- 1.50The Benefits of Using Functions20 mins
Instructor
Free
Leave a Reply