Final Project: Create a Typographic Site

Web Typography

Laying Out Type for the Web

Web Typography

Basic Web Typography

Web Typography

How to Choose and Use Webfonts

Web Typography

Introduction to Typography

Web Typography

Art Direction with the Picture Element

Responsive Images

Image Delivery with Srcset and Sizes

Responsive Images

Design Foundations Final

Design Foundations

Becoming a Problem Solver

Design Foundations

The Design Solution

Introduction to Product Design

The Design Problem

Introduction to Product Design

Design Principles

Introduction to Product Design

What is Product Design?

Introduction to Product Design

Understanding Aesthetics

Design Foundations

Introduction to Design

Design Foundations

JavaScript Objects and Conditionals

JavaScript Quickstart

JavaScript Arrays and Loops

JavaScript Quickstart

JavaScript Functions

JavaScript Quickstart

Data Types and Variables

JavaScript Quickstart

Maintaining Secure Web Apps

Introduction to Application Security

Protecting Data and Keeping Attackers Out

Introduction to Application Security

Why Protect Your Web Apps

Introduction to Application Security

Security: Solutions

Introduction to Data Security

Security: Concerns

Introduction to Data Security

Security in Practice

Security Literacy

Common Attacks and Defenses

Security Literacy

Hello Internet!

Security Literacy

Quantitative Methods

Evaluating Design

Usability Studies

Evaluating Design

Qualitative Studies

Evaluating Design

Measuring Your Designs

Evaluating Design

Applying IA

Information Architecture

Evaluating IA

Information Architecture

Main Principles

Information Architecture

What is Information Architecture?

Information Architecture

Analysis

Conducting User Interviews

Interviewing

Conducting User Interviews

Recruiting Participants

Conducting User Interviews

Implementing UX Content

UX Content Strategy

Creating UX Content

UX Content Strategy

UX Content Attributes

UX Content Strategy

UX Content Basics

UX Content Strategy

Preparing Design Files for Developers

Collaborating with Developers

Designing with Developers

Collaborating with Developers

Team Collaboration in Figma

Prototyping with Figma

Prototyping Designs in Figma

Prototyping with Figma

Introducing Figma

Prototyping with Figma

Hierarchy and Layout

Designing Layouts

Writing Copy

Designing Layouts

Principles of Design

Visual Design Foundations

Elements of Design

Visual Design Foundations

Add Reusable Logic to Your Sass

Sass Basics

Write Smart and Efficient CSS with Sass

Sass Basics

Improve Your Workflow with Sass

Sass Basics

Adding 3D Effects with CSS

CSS Transitions and Transforms

Keyframe and Line Drawing Animations

Animating SVG with CSS

Transitions and Transforms

Animating SVG with CSS

Getting Started with CSS Transforms

CSS Transitions and Transforms

Getting Started with Sass

Sass Basics

Transition Timing Functions and Delays

CSS Transitions and Transforms

Getting Started with CSS Transitions

CSS Transitions and Transforms

Creating an SVG

SVG Basics

Introduction to SVG

SVG Basics

Design Patterns

Prototyping in the Browser

Going Further with Type

Typography for Designers

Laying Out Type

Typography for Designers

Page Layout

Prototyping in the Browser

Web Typography

Typography for Designers

How to Choose and Use Fonts

Typography for Designers

Introduction to Typography

Typography for Designers

Exploration

Web Design Process

Discovery

Web Design Process

CSS Fundamentals

Introduction to HTML and CSS

HTML Fundamentals

Introduction to HTML and CSS

Getting Familiar with HTML and CSS

Introduction to HTML and CSS

Creating Web Designs with Generative AI

Designing with Generative AI

Project Planning with Generative AI

Designing with Generative AI

Generative AI

AI Tools for Designers

Introduction to AI Plugins for Figma

Supercharge Your Figma Workflow with AI Plugins

The Lambda Lambada

Functional Python

Functional Workhorses

Functional Python

Functional Rules

Functional Python

Covering Your Bases

Python Testing

Be Assertive!

Python Testing

What Is Testing?

Python Testing

Working with SQLAlchemy

SQLAlchemy Basics

Introduction to SQLAlchemy

SQLAlchemy Basics

Python Regular Expressions

Regular Expressions in Python

Buggy Logs

Write Better Python

Cleaner Code

Write Better Python

The Time Tracker

Python Dates and Times

The Birthday App

Python Dates and Times

Date and Time Basics

Python Dates and Times

Introduction

Python Dates and Times

Creating a Memory Game

Basic Object-Oriented Python

Emulating Built-ins

Basic Object-Oriented Python

Welcome to OOP

Basic Object-Oriented Python

Iterating and Packing with Dictionaries

Introducing Dictionaries

Introducing Dictionaries

Introducing Dictionaries

Sequence Operations

Python Sequences

Sequence Iterations

Python Sequences

Packing and Unpacking

Functions, Packing, and Unpacking

Getting Info In and Out of Functions

Functions, Packing, and Unpacking

Introduction to Functions

Functions, Packing, and Unpacking

Build an Application

Introducing Lists

Using Lists

Introducing Lists

Meet Lists

Introducing Lists

All Together Now

Python Basics

Functions and Looping

Python Basics

Types and Branching

Python Basics

Working with 'for' Loops

JavaScript Loops

Captioning Video

HTML Video and Audio

Media Basics

HTML Video and Audio

Combine and Minify Assets

Introduction to Front End Performance Optimization

Optimize Assets

Introduction to Front End Performance Optimization

Measuring Performance

Introduction to Front End Performance Optimization

Planning for Performance

Introduction to Front End Performance Optimization

Programming AJAX

AJAX Basics

AJAX Concepts

AJAX Basics

Going Further with Grid Layout

CSS Grid Layout

Flexible Sized Grids

CSS Grid Layout

Introducing Grid Layout

CSS Grid Layout

Building Forms With Bootstrap

Bootstrap Basics

Using Bootstrap Components

Bootstrap Basics

Responsive Layouts With the Bootstrap Grid

Bootstrap Basics

Getting to Know Bootstrap 4

Bootstrap Basics

Loop Through Objects

JavaScript Objects

Meet Python

Python Basics

Traversing the DOM

Interacting with the DOM

Responding to User Interaction

Interacting with the DOM

Getters and Setters

Object-Oriented JavaScript

Working with Classes in JavaScript

Object-Oriented JavaScript

Object Basics

Object-Oriented JavaScript

Introduction to Object-Oriented JavaScript

Object-Oriented JavaScript

Making Changes to the DOM

JavaScript and the DOM

Getting a Handle on the DOM

JavaScript and the DOM

The Browser Environment

JavaScript and the DOM

Object Basics

JavaScript Objects

Advanced Selectors

CSS Selectors

Going Further with Attribute Selectors and Pseudo-Classes

CSS Selectors

Selectors - Beyond the Basics

CSS Selectors

Multidimensional Arrays

JavaScript Arrays

Loop Through Arrays

JavaScript Arrays

Store Multiple Values in an Array

JavaScript Arrays

Simplify Repetitive Tasks with Loops

JavaScript Loops

Build an Accessible Form

Accessibility For Web Developers

Introduction To Accessibility

Accessibility For Web Developers

Choosing Options

HTML Forms

Organizing Forms

HTML Forms

Form Basics

HTML Forms

Responsive Patterns

Responsive Layouts

Media Queries

Responsive Layouts

Responsive Theory

Responsive Layouts

Structuring Tables

HTML Tables

Table Basics

HTML Tables

Chrome DevTools Basics

Website Optimization

Exploring Async/Await

Asynchronous Programming with JavaScript

Understanding Promises

Asynchronous Programming with JavaScript

Asynchronous JavaScript with Callbacks

Asynchronous Programming with JavaScript

What is Asynchronous Programming?

Asynchronous Programming with JavaScript

Building a Layout with Flexbox

CSS Flexbox Layout

Flexbox Properties

CSS Flexbox Layout

Understanding Flexbox

CSS Flexbox Layout

Arrow Functions

JavaScript Functions

Mobile-First CSS Layout

Mobile-First CSS Layout

Pass Information Into Functions

JavaScript Functions

Create Reusable Code with Functions

JavaScript Functions

Making Decisions in Your Code with Conditional Statements

JavaScript Basics

Working With Strings

JavaScript Basics

Storing and Tracking Information with Variables

JavaScript Basics

The Math Object

JavaScript Numbers

Working with Numbers

JavaScript Numbers

Hello, JavaScript!

JavaScript Basics

Getting to Know Tuples

Introducing Tuples

How to Make Wireframes in Adobe XD

Introduction to Wireframing

Finishing Touches

Enhancing Design with CSS

Styling Images

Enhancing Design with CSS

Styling Boxes

Enhancing Design with CSS

Styling Text

Enhancing Design with CSS

CSS Layout Techniques

CSS Layout

CSS Media Queries

CSS Layout

Box Model Concepts

CSS Layout

The CSS Box Model

CSS Layout

How to Make Wireframes in Balsamiq

Introduction to Wireframing

How to Make Wireframes on Paper

Introduction to Wireframing

What is Wireframing?

Introduction to Wireframing

Planning Your Users’ Journey

Creating User Experiences

Strategy: Determining Goals for your Product

Creating User Experiences

Understanding Our Users

Creating User Experiences

Intro to User Experience (UX) Design

Creating User Experiences

Fundamental Concepts

CSS Basics

Understanding Values and Units

CSS Basics

Basic Selectors

CSS Basics

Getting Started with CSS

CSS Basics

Merge Sort and Linked Lists

Introduction to Data Structures

The Merge Sort Algorithm

Introduction to Data Structures

Building a Linked List

Introduction to Data Structures

Exploring Arrays

Introduction to Data Structures

Going Further with HTML

HTML Basics

Images, Text and Links

HTML Basics

Structuring Your Content

HTML Basics

Getting Started With HTML

HTML Basics

Recursion and Space Complexity

Introduction to Algorithms

Algorithms in Code

Introduction to Algorithms

Time Complexity

Introduction to Algorithms

Telling the Story

Intro to Design Thinking

Designing for your User’s "To-be"

Intro to Design Thinking

Understanding your User’s “As-is” Scenario

Intro to Design Thinking

Becoming Acquainted with Your User

Intro to Design Thinking

Becoming a Design Thinker

Intro to Design Thinking

Playing a Counting Game

Introduction to Algorithms

Newbie