Lectures for Web Programming
Week 1 - Introduction | Prerequisites: HTML, CSS & JavaScript Basics
Week 2 - Workflow Tools | Code Editor | Version Control | JavaScript Essentials
Week 3 - Programming Principles: JavaScript Essentials
Week 4 - Programming Principles: JavaScript Essentials
Week 5 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Week 6 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Week 7 - Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Week 8 - Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Week 9 - Single Page Application | Data Exchange: JSON | Back-End Frameworks: Node.js and Express.js
Week 10 - Back-End Frameworks: Node.js and Express.js
Week 11 - Back-End Frameworks: Node.js and Express.js
Week 12 - Component-Based Architecture | Front-End Franeworks: Angular.js
Week 13 - MEAN Stack | Databases: MongoDB Development
Week 14 - MEAN Stack | Databases: MongoDB Development
Week 15 - Course Review | Term Project
View Page with Tabs | View Page without Tabs
Week 1 - Introduction | Prerequisites: HTML, CSS & JavaScript Basics
Lecture
|
Demos
- Becoming a Web Developer: Full Stack vs Front End with Ray Villalobos (LyndaCampus)
|
|
Files
Download: Handout
LyndaCampus:
- HTML Essential Training: Exercise Files and video: Using Exercise Files
- CSS: Page Layouts: Exercise Files and video: Using Exercise Files
- JavaScript Essential Training: Exercise Files and video: Using Exercise Files
Prerequisites
- HTML Essential Training (LyndaCampus): Getting Started, Basic Page Structure, Formatting Page Content, Creating Links Controlling Styling.
- HTML5: Structure, Syntax, and Semantics (LyndaCampus): Basics, Structure, Grouping Content.
- CSS Fundamentals (LyndaCampus): CSS Basics, Common CSS Concepts, CSS Resources.
- CSS: Page Layouts (LyndaCampus): Design Considerations, Layout Basics, Floats, Positioning Elements, Create Fixed / Flexible / Responsive Layouts.
- JavaScript Essential Training (LyndaCampus): Syntax, DOM, UI, Best Practices, Libraries, Troubleshooting.
- HTML Essential Training with James Williamson (LyndaCampus)
- HTML5: Structure, Syntax, and Semantics with James Williamson (LyndaCampus)
- CSS Fundamentals with James Williamson (LyndaCampus)
|
|
- CSS: Page Layouts with James Williamson (LyndaCampus)
- JavaScript Essential Training with Morten Rand-Hendriksen (LyndaCampus)
Related
- Recap of HTML, CSS and JavaScript Basics
- HTML (15:06) Transition to HTML5, Key Rules, Doctype, Encoding, Tables, Links, Images.
- HTML Elements (9:00) Hierarchy of Tags, Block and Inline Elements - div, id, class.
- HTML5 (7:56) Overview of key new features in HTML5.
- CSS (12:20) Why, What, Where, Location of CSS Style Definition, Structure of CSS Formatting Rule.
- CSS Cascade (17:40) Inheritance, Specificity & Location Cascade, Constructing Complex Selectors.
- CSS3 (2:38) Overview of key new features in CSS3.
- Box Model (4:08) Box Model: width, height, padding, border, margin, box-sizing, overflow.
- Floating & Positioning Elements (7:22) Floating Element, Absolutely Positioned Element, CSS properties: float, clear, position, display.
- CSS Reset (2:26) "Clean Slate" CSS, Make HTML5 Backwards Compatible, HTML5 shiv.
- Programming (7:20) Basic Programming Concepts.
- JavaScript (22:25) Basic Elements, Document Object Model, Image Rollovers.
- Test & Debug (5:45) Easy Things to Check First.
Resources
- HTML - HTML Resources, Basics, Doctype, Encoding, Validation, View Source Code.
- HTML5 & CSS3
- CSS - Why, What, Where, Location of CSS Style Definition, Structure of CSS Formatting Rule, Inheritance, Specificity & Location Cascade, Constructing Complex Selectors, Box Model, Floating Element, Absolutely Positioned Element, CSS Navigation.
- Basic Web Design Principles
- Test & Debug Web Pages - Check Easy Things First.
- FTP - File Transfer Tools, File Permissions.
- Basic Programming Principles
- JavaScript - Basic Elements, Document Object Model
- HTML = HyperText Markup Language
|
|
|
- CSS = Cascading Style Sheet
|
|
- FTP = File Transfer Protocol and Permissions
|
|
|
- JavaScript Client-side scripting language
|
Week 2 - Workflow Tools | Code Editor | Version Control | JavaScript Essentials
Lecture
|
|
|
Demos
- Workflow Tools for Web Development
- Learn Atom: The Basics
- Up and Running with Git and GitHub
- JavaScript Essential Training (LyndaCampus): Syntax, DOM, UI, Best Practices, Libraries, HTML5.
- Workflow Tools for Web Development with Christina Truong (LyndaCampus)
|
|
- Learn Atom: The Basics with Ray Villalobos (LyndaCampus)
|
|
- Up and Running with Git and GitHub with Ray Villalobos (LyndaCampus)
- JavaScript Essential Training with Simon Allardice (LyndaCampus)
- JavaScript - Computer Science Principles Lab with Doug Winnie (LyndaCampus)
|
|
Files
Download: Handout
LyndaCampus:
- JavaScript Essential Training: Exercise Files and video: Using Exercise Files
Resources
- CSS - Why, What, Where, Location of CSS Style Definition, Structure of CSS Formatting Rule, Inheritance, Specificity & Location Cascade, Constructing Complex Selectors, Box Model, Floating Element, Absolutely Positioned Element, CSS Navigation.
- Basic Programming Principles
- JavaScript - Basic Elements, Document Object Model
- CSS = Cascading Style Sheet
|
- JavaScript Client-side scripting language
|
Week 3 - Programming Principles: JavaScript Essentials
Lecture
|
|
Demos
- JavaScript for Web Designers with Joe Chellman (LyndaCampus)
Files
Download: Handout
Week 4 - Programming Principles: JavaScript Essentials
Lecture
|
Demos
- JavaScript for Web Designers with Joe Chellman (LyndaCampus)
- Debugging the Web: JavaScript with Joe Chellman (LyndaCampus)
- Up and Running with ECMAScript 6 with Eve Porcello (LyndaCampus)
|
|
Files
Download: Handout
Week 5 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Lecture
|
|
Demos
- Bootstrap 4 Essential Training with Ray Villalobos (LyndaCampus)
- Bootstrap 3 Essential Training with Ray Villalobos (LyndaCampus)
Files
Download: Handout
Week 6 - Responsive Web Design | Front-End Frameworks: Bootstrap.js
Lecture
|
|
|
|
Demos
- Bootstrap 4 Essential Training with Ray Villalobos (LyndaCampus)
- Bootstrap 4: First Look with Ray Villalobos (LyndaCampus)
|
|
- Bootstrap 3 Essential Training with Ray Villalobos (LyndaCampus)
Files
Download: Handout
Week 7 - Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Demos
- Learning React.js with Eve Porcello (LyndaCampus)
|
|
- Learning React.js (2016) with Eve Porcello (LyndaCampus)
|
|
Files
Download: Handout
Week 8 -Modular, Reusable User Interface Components | Front-End Frameworks: React.js
Demos
- Learning React.js with Eve Porcello (LyndaCampus)
|
|
- Building a Web Interface with React.js with Ray Villalobos (LyndaCampus)
|
|
Files
Download: Handout
Week 9 - Single Page Application | Data Exchange: JSON | Back-End Frameworks: Node.js and Express.js
Demos
- JavaScript and JSON with Ray Villalobos (LyndaCampus)
|
|
- Building a Website with Node.js and Express.js with Ray Villalobos (LyndaCampus)
Files
Download: Handout
Week 10 - Back-End Frameworks: Node.js and Express.js
Demos
- Building a Website with Node.js and Express.js with Ray Villalobos (LyndaCampus)
Files
Download: Handout
Week 11 - Back-End Frameworks: Node.js and Express.js
Demos
- Node.js Essential Training with Alex Banks (LyndaCampus)
Files
Download: Handout
Week 12 - Component-Based Architecture | Front-End Franeworks: Angular.js
Demos
- Learn AngularJS 2: The Basics with Ray Villalobos (LyndaCampus)
|
|
- Angular 2 Essential Training with Justin Schwartzenberger (LyndaCampus)
Files
Download: Handout
Week 13 - MEAN Stack | Databases: MongoDB Development
Demos
- MEAN Stack and MongoDB Development Techniques with Alexander Zanfir (LyndaCampus)
|
|
Files
Download: Handout
Related
- Relational Database (19:24) Key Relational Database concepts.
- Foundations of Programming: Databases with Simon Allardice (LyndaCampus)
Week 14 - MEAN Stack | Databases: MongoDB Development
Demos
- MEAN Stack and MongoDB Development Techniques with Alexander Zanfir (LyndaCampus)
|
|
Files
Download: Handout