TeamTreehouse - Design and Build a Website (Track) [Thomas]

Files:

• 02. Demonstration of Wireframing on Paper.webm (129.6 MB)
• 01. Hand-drawn Wireframes.webm (41.1 MB)
• 03. Tips and Tools.webm (33.2 MB)
• 04. Sharing and Getting Feedback.webm (21.9 MB)
• 05. The Pros and Cons of Wireframing on Paper.webm (14.3 MB)
Project Files
• introduction-to-wireframing.zip (1.7 MB)
• Introduction to Wireframing.md (4.9 KB)
01. What Is Wireframing
• 01. What Are Wireframes.webm (28.6 MB)
• 02. Benefits of Wireframing.webm (41.5 MB)
• 03. Types of Wireframes.webm (47.3 MB)
• 04. How Wireframes Are Used.webm (50.3 MB)
03. How to Make Wireframes in Balsamiq
• 01. Wireframing in Balsamiq.webm (27.1 MB)
• 02. Demonstrating Wireframes in Balsamiq.webm (49.1 MB)
• 03. Sharing and Getting Feedback in Balsamiq.webm (10.1 MB)
• 04. Pros and Cons of Wireframing in Balsamiq.webm (10.3 MB)
Project Files
• introduction-to-wireframing.zip (1.7 MB)
04. How to Make Wireframes in Adobe XD
• 01. Making Wireframes in Adobe XD.webm (19.5 MB)
• 02. Demonstrating Wireframes in Adobe XD.webm (26.2 MB)
• 03. Sharing and Getting Feedback in Adobe XD.webm (21.1 MB)
• 04. The Pros and Cons of Wireframing in Adobe XD.webm (17.0 MB)
Project Files
• introduction-to-wireframing.zip (1.7 MB)
• README.txt (2.2 KB)
• TeamTreehouse - Design and Build a Website (Track) [Thomas].jpg (166.3 KB)
• TeamTreehouse - Design and Build a Website (Track) [Thomas].png (767.3 KB)
01. Visual Design Foundations
• Visual Design Foundations.md (2.7 KB)
01. Elements of Design
• 01. The Elements and Principles of Art and Design.webm (9.9 MB)
• 02. Line, Shape, and Form.webm (8.9 MB)
• 03. Space and Texture.webm (10.1 MB)
• 04. Value and Color.webm (14.5 MB)
02. Principles of Design
• 01. Balance and Harmony.webm (15.8 MB)
• 02. Emphasis, Variety, and Proportion.webm (7.5 MB)
• 03. Movement and Rhythm.webm (10.9 MB)
02. Collecting Design Inspiration
• Collecting Design Inspiration.md (0.8 KB)
• Design and Build a Website.md (5.6 KB)
04. Designing Layouts
• Designing Layouts.md (2.7 KB)
01. Writing Copy
• 01. Spelling, Grammar, and Title Casing.webm (22.3 MB)
• 02. Headers and Labels.webm (10.6 MB)
Project Files
• designing-layouts.zip (8.0 MB)
02. Hierarchy and Layout
• 01. Typography and Hierarchy.webm (14.5 MB)
• 02. Using a Grid.webm (20.3 MB)
• 03. Colors and Contrast.webm (30.9 MB)
Project Files
• designing-layouts.zip (8.0 MB)
05. Creating Mockups
• 01. Introduction to Mockups.webm (18.2 MB)
• 02. The Purpose of Mockups.webm (17.5 MB)
• 03. Preparing to Make Mockups.webm (18.2 MB)
• 04. Making Mockups.webm (60.0 MB)
• 05. Efficiency Tips.webm (8.4 MB)
• 06. Sharing Mockups.webm (13.5 MB)
• Creating Mockups.md (1.5 KB)
Project Files
• creating-mockups-project.zip (15.8 MB)
06. Before and After Color
• 01. Color Before.webm (1.9 MB)
• 02. Color After.webm (17.8 MB)
• Before and After Color.md (0.8 KB)
Project Files
• Before+and+After-Color.zip (32.7 MB)
07. Before and After Layout
• 01. Layout Before.webm (2.7 MB)
• 02. Layout After.webm (7.8 MB)
• Before and After Layout.md (0.8 KB)
Project Files
• Before+and+After-Layout.zip (346.7 KB)
08. HTML Basics
• HTML Basics.md (6.1 KB)
01. Getting Started with HTML
• 01. What is HTML.webm (12.9 MB)
• 02. Global Structure of an HTML Document.webm (10.3 MB)
• 03. Headings and Paragraphs.webm (9.8 MB)
• 04. Creating Lists.webm (13.3 MB)
• 05. Creating Links.webm (18.2 MB)
Project Files
• 1-getting-started-with-html.zip (1.2 MB)
02. Structuring Your Content
• 01. Semantic HTML header, footer and section.webm (21.9 MB)
• 02. Sectioning Content with article, nav and aside.webm (9.7 MB)
• 03. Marking Up a Blog Post.webm (14.5 MB)
• 04. Grouping Content with main and div.webm (16.3 MB)
• 05. Using Multiple header and footer Elements.webm (10.5 MB)
Project Files
• 2-structuring-your-content.zip (1.5 MB)
03. Images, Text and Links
• 01. Understanding File Paths.webm (14.5 MB)
• 02. Adding Images to the Page.webm (11.4 MB)
• 03. Captioning Images.webm (8.0 MB)
• 04. Creating Breaks in Content.webm (8.3 MB)
• 05. Add Meaning to Words with Text Level Elements.webm (13.2 MB)
Project Files
• 3-images-text-and-links.zip (1.5 MB)
04. Going Further with HTML
• 01. Linking to Sections of a Web Page.webm (16.9 MB)
• 02. Root-relative Paths.webm (6.2 MB)
• 03. Link to Email.webm (5.1 MB)
• 04. HTML Entities and Reserved Characters.webm (11.2 MB)
• 05. Adding Developer Notes with HTML Comments.webm (4.8 MB)
• 06. Working on a Website Project Locally.webm (10.4 MB)
• 07. Next Steps.webm (9.9 MB)
Project Files
• 4-going-further-with-html.zip (1.7 MB)
09. Introducing the VS Code Text Editor
• 01. Whats A Text Editor.webm (15.3 MB)
• 02. Managing Project Files.webm (9.2 MB)
• 03. Getting to Know VS Code.webm (4.9 MB)
• 04. Preview Files in a Browser.webm (8.7 MB)
• 05. Useful Text Editor Shortcuts and Tools.webm (12.7 MB)
• 06. Visual Studio Code Extensions.webm (7.6 MB)
• 07. Introducing Text Editors Going Further.md (1.1 KB)
• Introducing the VS Code Text Editor.md (1.9 KB)
10. CSS Basics
• CSS Basics.md (6.1 KB)
01. Getting Started with CSS
• 01. Introduction to CSS.webm (28.3 MB)
• 02. Adding CSS to HTML Inline Styles.webm (13.1 MB)
• 03. Adding CSS to HTML Internal Styles.webm (21.1 MB)
• 04. Adding CSS to HTML External Stylesheets.webm (22.1 MB)
• 05. Keeping Up with CSS.md (1.8 KB)
• 05. Keeping Up with CSS.webm (15.9 MB)
Project Files
• css-basics-project-files.zip (601.1 KB)
02. Basic Selectors
• 01. Introducing CSS Selectors.webm (21.7 MB)
• 02. ID Selectors.webm (14.8 MB)
• 03. Class Selectors.webm (19.9 MB)
• 04. Descendant Selectors.webm (14.6 MB)
• 05. Pseudo-classes.webm (20.5 MB)
• 06. Using Comments in CSS.webm (16.3 MB)
03. Understanding Values and Units
• 01. Common Data Types.webm (17.1 MB)
• 02. Pixel Units.webm (9.2 MB)
• 03. Percentages.webm (19.5 MB)
• 04. Em and Rem Units.webm (33.9 MB)
• 05. Color Values.webm (16.3 MB)
04. Fundamental Concepts
• 01. The Cascade Origin and Importance.webm (25.5 MB)
• 02. The Cascade Specificity and Source Order.webm (14.0 MB)
• 03. Inheritance.webm (8.1 MB)
• 04. Validation.webm (20.0 MB)
11. CSS Layout
• CSS Layout.md (4.9 KB)
01. The CSS Box Model
• 01. Introducing the Box Model.webm (46.0 MB)
• 02. Padding.webm (21.1 MB)
• 03. Border.webm (11.5 MB)
• 04. Margin.webm (29.4 MB)
Project Files
• css-layout-project-files.zip (506.6 KB)
02. Box Model Concepts
• 01. Box-sizing.webm (27.8 MB)
• 02. max-width.webm (32.6 MB)
• 03. Viewport Units.webm (38.0 MB)
03. CSS Layout Techniques
• 01. Display.webm (63.8 MB)
• 02. Relative and Absolute Positioning.webm (46.5 MB)
• 03. Fixed and Sticky Positioning.webm (19.1 MB)
• 04. Float.webm (55.9 MB)
04. CSS Media Queries
• 01. What are Media Queries.webm (42.3 MB)
• 02. Targeting Media Features.webm (76.1 MB)
• 03. The meta Viewport Declaration.webm (27.1 MB)
• 04. Complex Media Queries.webm (33.2 MB)
12. Enhancing Design with CSS
• Enhancing Design with CSS.md (5.4 KB)
01. Styling Text
• 01. Introducing the Course.webm (20.4 MB)
• 02. Web-Safe Typefaces and Font Stacks.webm (19.6 MB)
• 03. Importing Fonts.webm (15.5 MB)
• 04. Google Fonts.webm (28.3 MB)
• 05. Line-height and letter-spacing.webm (9.5 MB)
• 06. Text Shadows.webm (25.4 MB)
Project Files
• enhancing-design-with-css-project-files.zip (4.1 MB)
02. Styling Boxes
• 01. Box Shadows.webm (9.4 MB)
• 02. Rounded Corners.webm (15.2 MB)
• 03. Adding Content Using CSS.webm (16.1 MB)
03. Background Images
• 01. Background Images.webm (14.4 MB)
• 02. The Background Shorthand Property.webm (13.3 MB)
• 03. Background Blend Modes.webm (8.3 MB)
04. Finishing Touches
• 01. CSS Gradients Linear and Radial.webm (20.0 MB)
• 02. CSS Gradients Color Stops and Transparency.webm (20.2 MB)
• 03. Improving Spacing.webm (10.2 MB)
• 04. Applying Media Queries.webm (36.0 MB)
13. Debugging CSS with Chrome DevTools
• 01. Introduction to Chrome DevTools.webm (5.8 MB)
• 02. Getting to Know the Elements Panel.webm (11.4 MB)
• 03. Inspecting Styles.webm (14.0 MB)
• 04. Viewing Inherited and User Agent Styles.webm (9.4 MB)
• 05. Adding and Editing Styles.webm (6.4 MB)
• 06. Identify and Debug Errors.webm (12.3 MB)
• 07. Visualizing the Box Model and Computed styles.webm (10.9 MB)
• 08. Debugging Styles Challenge.webm (4.8 MB)
• 09. Debugging Styles Solution.webm (14.8 MB)
• Debugging CSS with Chrome DevTools.md (1.9 KB)
Project Files
• debugging-css-with-chrome-devTools.zip (1.4 MB)
14. Continue Learning about Web Design
• Continue Learning about Web Design.md (1.1 KB)