Course Overview
01 Project Preview
02 What You'll Need
Source Files
(Prerequisite) Introduction to HTML
01. Course Requirements
02. What Is JSbin
03. Setting Up The HTML Document
04. Header Tags And Paragraphs Tags
05. Styles
06. Bold Underline And Italic Tags
07. Adding In A Link
08. Adding In A Image
09. Adding A Link To An Image
10. Lists
11. Tables
12. Different Kinds Of Input
13. Adding In A Submit Button
14. Scripts And Style Tags
(Prerequisite) Introduction to JavaScript
01. Course Requirements
02. HTML, CSS And Javascript Crash Course
03. Adding Code To The CSS
04. Adding In IDs To The CSS
05. Classes In CSS
06. Font Families
07. Colors In CSS
08. Padding In CSS
09. Text Align And Transforms
10. Margins And Width
11. Changing The Body
12. Latin Text Generator
13. Adding In A Horizontal Menu With HTML And CSS
14. Adding A Background Image
15. Playing Around With Margins In CSS
00d (Prerequisite) Intro to Javascript
01 Introduction To The Course
Source Files
Variables and Data Types
02 01 What Will We Learn In This Section
02 02 Variables
02 03 Data Types
02 04 Variable Mutation
02 05 Type Coercion
02 06 Coding Challenge
02 07 Coding Challenge Solution
02 08 Section Summary
Source Files
Operators
03 01 What Will We Learn In This Section
03 02 Basic Operators
03 03 Operator Precedence
03 04 Coding Challenge
03 05 Coding Challenge Solution
03 06 Section Summary
Source Files
Conditional Statements
04 01 What Will We Learn In This Section
04 02 If Else Statements
04 03 Boolean Logic
04 04 Switch Statements
04 05 Truthy And Falsie Values
04 06 Equality Operators
04 07 Coding Challenge
04 08 Coding Challenge Solution
04 09 Section Summary
Source Files
Functions and Arrays
05 01 What Will We Learn In This Section
05 02 Functions
05 03 Function Statements And Expressions
05 04 Arrays
05 05 Coding Challenge
05 06 Section Summary
Source Files
Objects
06 01 What Will We Learn In This Section
06 02 Objects And Properties
06 03 Objects And Methods
06 04 Objects Vs Primitives
06 05 Coding Challenge
06 06 Coding Challenge Solution
06 07 Section Summary
Source Files
Loops
07 01 What Will We Learn In This Section
07 02 Loops
07 03 Iteration
07 04 Coding Challenge
07 05 Coding Challenge Solution
07 06 Section Summary
Source Files
JavaScript Execution
08 01 What Will We Learn In This Section
08 02 Javasript Parsers And Engines
08 03 Execution Contexts And Execution Stack
08 04 Creation And Execution Phases
08 05 Hoisting
08 06 Scoping
08 07 Scope Chain
08 08 This Keyword
08 09 Coding Challenge
08 10 Coding Challenge Solution
08 11 Section Summary
Source Files
Build the User Interface
01 Set Up The Project
02 Build A Toolbar
03 Import Bootstrap Icons
04 Build A Canvas
Source Files
Build Toolbar Functionality
01 Build Main Javascript Files
02 Build Tool Controls
03 Launch A Server
03A Install Http Server
03B Disable Cache
04 Load An Image From User's Computer
04A Where To Find Images
05 Put Image Onto Canvas
06 Resize Canvas To Fit Image
07 Save Image
08 Undo An Action
09 Redo An Action
Source Files
03 Build Drawing Functionality
01 Enable Freehand Drawing Tool
02 Listen For Mouse Down
03 Listen For Mouse Move
04 Listen For Mouse Release
05 Highlight Selected Tool
Source Files
Build Shape Tools
01 Draw A Line
02 Create A Temporary Canvas
03 Draw A Rectangle
04 Draw A Filled Rectangle
05 Draw A Circle
06 Draw A Filled Circle
Source Files
Build Color Pickers
01 Build A Stroke Color Picker
02 Get User Input Of Stroke Color
03 Build A Fill Color Picker
04 Get User Input Of Fill Color
Source Files
Build a Text Tool
01 Build A Text Tool
02 Draw Text On Canvas
Source Files