My Cart 0

Web Design Track

Artboard 1 copy 3-80
10
Jan

Course Description

In this track, you’ll learn how to build beautiful, interactive websites by learning the fundamentals of HTML, CSS, and JavaScript — three common coding languages on which all modern websites are built. This is a useful and lucrative skill to acquire as it is used by nearly every single business in the world that needs a website to communicate to its customers. By the end of this track, you’ll have all the skills required to build your own websites or even start a career with one of the thousands of companies that have a website.

  • An entry-level salary for the technologies covered in this track is about $51,000 / yr on average.
  • Some companies that use these technologies regularly include: Google, Facebook, Yahoo, eBay, Amazon, and Treehouse

Course Curriculum

Total learning: 223 lessons Time: 10 week
  • Web Development Foundations: Full-Stack vs Front-End (1/4)  1 lessons Introduction 0/1

    • Web Development Foundations: Full-Stack vs Front-End – Welcome
  • Web Development Foundations: Full-Stack vs Front-End (2/4)  8 lessons Getting Started 0/8

    • Types of web developers
    • The role of HTML
    • The role of CSS
    • The role of JavaScript
    • Back end essentials
    • Servers
    • Server-side scripting
    • Database languages
  • Web Development Foundations: Full-Stack vs Front-End (3/4)  3 lessons Getting a Job 0/3

    • Types of jobs
    • Maximize compensation
    • Land a job
  • Web Development Foundations: Full-Stack vs Front-End (4/4)  1 lessons Conclusion 0/1

    • Next steps
  • Web Development Foundations: User Experience for Web Designers (1/14)  1 lessons Welcome 0/1

    • User Experience for Web Designers: Welcome
  • Web Development Foundations: User Experience for Web Designers (2/14)  4 lessons What Makes a Good Web User Experience? 0/4

    • Building a site for your visitors
    • Understanding how people browse the web
    • It’s all about information
    • What causes people to leave sites?
  • Web Development Foundations: User Experience for Web Design (3/14)  3 lessons Don't Get in the Way of the Information 0/3

    • Simple design
    • Consistent design
    • Standard design
  • Web Development Foundations: User Experience for Web Design (4/14)  8 lessons Navigation 0/8

    • Content has a structure
    • Understanding menus
    • Reviewing some menu myths
    • Working with site maps
    • Adding search to your site
    • Understanding links
    • Exploring clickable elements
    • Understanding Fitts’ law
  • Web Development Foundations: User Experience for Web Design (5/14)  4 lessons Site Layout 0/4

    • People can begin from any page on your site
    • Elements every webpage should have
    • Arranging your content
    • Creating progressive navigation
  • Web Development Foundations: User Experience for Web Design (6/14)  3 lessons Writing for the Web 0/3

    • How people read on the web
    • Writing for information exchange
    • Formatting pages for information exchange
  • Web Development Foundations: User Experience for Web Design (7/14)  4 lessons Homepage 0/4

    • Using your homepage as a site summary
    • Creating fresh content
    • Displaying navigation and search
    • The five-second test
  • Web Development Foundations: User Experience for Web Design (8/14)  3 lessons Category and Landing Pages 0/3

    • Showing people what you’ve got
    • Making comparisons easy
    • Creating landing pages from ad campaigns
  • Web Development Foundations: User Experience for Web Design (9/14)  6 lessons Detail and Product Pages 0/6

    • The real purpose of detail and product pages
    • Writing descriptive text
    • Using images to set context
    • Showing the price for products
    • Have a call to action
    • About Us: A special detail page
  • Web Development Foundations: User Experience for Web Design (10/14)  4 lessons Forms 0/4

    • Ask for information in context
    • Making forms as painless as possible
    • Creating form fields
    • Handling errors gracefully
  • Web Development Foundations: User Experience for Web Design (11/14)  5 lessons Using Media to Help Tell Your Story 0/5

    • Using different types of media
    • Simple question: Does it enhance the experience?
    • Using graphics for explanation, not decoration
    • What is interactive content?
    • Laying out your page for media
  • Web Development Foundations: User Experience for Web Design (12/14)  3 lessons Balancing Adverts and Content 0/3

    • Making money without selling out
    • Adding graphical ads
    • Creating text ads
  • Web Development Foundations: User Experience for Web Design (13/14)  2 lessons Summary: Good Design Practice 0/2

    • Considering your users
    • Simple, consistent, and standard design
  • Web Development Foundations: User Experience for Web Design (14/14)  1 lessons Conclusion 0/1

    • Next steps (User Experience)
  • Web Development Foundations: UX Foundations - Accessibility (1/7)  1 lessons Introduction 0/1

    • UX Foundations: Accessibility-Welcome
  • Web Development Foundations: UX Foundations - Accessibility (2/7)  3 lessons What is Accessibility? 0/3

    • What is accessibility?
    • Views of accessibility
    • Accessibility and user experience
  • Web Development Foundations: UX Foundations - Accessibility (3/7)  6 lessons Accessibility by Example 0/6

    • Managing flow
    • Re-creating visual interactions
    • Ensuring proximity in your design
    • Setting expectations
    • Writing the perfect content
    • Designing for memory issues
  • Web Development Foundations: UX Foundations - Accessibility (4/7)  4 lessons Tools and Techniques 0/4

    • Overview of voice recognition software
    • Overview of screen magnifiers
    • Overview of screen readers
    • Overview of hardware assistive technology
  • Web Development Foundations: UX Foundations - Accessibility (5/7)  6 lessons Personas for People with Disabilities 0/6

    • People are people
    • Vision issues
    • Hearing issues
    • Mobility and dexterity issues
    • Cognitive issues
    • Aging into disability
  • Web Development Foundations: UX Foundations - Accessibility (6/7)  5 lessons Integrating Accessibility into Your UX Work and Process 0/5

    • Accessibility in content strategy
    • Accessibility and layout
    • Accessibility and visual design
    • Accessibility and interaction design
    • Accessibility and user research
  • Web Development Foundations: UX Foundations - Accessibility (7/7)  1 lessons Conclusion 0/1

    • More resources and next steps (UX Foundations: Accessibility)
  • Web Development Foundations: HTML Essential Training (1/10)  3 lessons Introduction 0/3

    • Welcome – HTML Essential Training
    • Using the exercise files – HTML Essential Training
    • Using the challenges – HTML Essential Training
  • Web Development Foundations: HTML Essential Training (2/10)  5 lessons Introducing HTML 0/5

    • The importance of HTML
    • Basic HTML syntax
    • The current state of HTML
    • HTML resources
    • Choosing a code editor
  • Web Development Foundations: HTML Essential Training (3/10)  4 lessons Basic Page Structure 0/4

    • DOCTYPE declarations
    • The document body
    • The document head
    • Understanding content models
  • Web Development Foundations: HTML Essential Training (4/10)  10 lessons Formatting Page Content 0/10

    • Formatting content with HTML
    • Using headings
    • Formatting paragraphs
    • Controlling line breaks
    • Emphasizing text
    • Displaying special characters
    • Controlling whitespace
    • Displaying images
    • Challenge: Formatting page content
    • Solution: Formatting page content
  • Web Development Foundations: HTML Essential Training (5/10)  11 lessons Structuring Content 0/11

    • The value of structure
    • Controlling document outlines
    • The nav element
    • The article element
    • The section element
    • The aside element
    • The div element
    • Other semantic elements
    • Using WAI-ARIA roles
    • Challenge: Adding sectioning content
    • Solution: Adding sectioning content
  • Web Development Foundations: HTML Essential Training (6/10)  7 lessons Creating Links 0/7

    • Exploring the anchor element
    • Linking to pages within your site
    • Linking to external pages
    • Linking to downloadable resources
    • Linking to page regions
    • Challenge: Creating links
    • Solution: Creating links
  • Web Development Foundations: HTML Essential Training (7/10)  5 lessons Creating Lists 0/5

    • Unordered lists
    • Ordered lists
    • Definition lists
    • Challenge: Creating lists
    • Solution: Creating lists
  • Web Development Foundations: HTML Essential Training (8/10)  8 lessons Controlling Styling 0/8

    • HTML and CSS
    • Creating inline styles
    • The style element
    • Controlling typography
    • Adding color
    • Externalizing styles
    • Challenge: Controlling basic styling
    • Solution: Controlling basic styling
  • Web Development Foundations: HTML Essential Training (9/10)  7 lessons Basic Scripting 0/7

    • HTML and JavaScript
    • The script element
    • Writing a function
    • Using the DOM
    • Listening for an event
    • Responding to events
    • Externalizing JavaScript
  • Web Development Foundations: HTML Essential Training (10/10)  1 lessons Conclusion 0/1

    • Next steps – HTML Essential Training
  • Web Development Foundations: CSS Essential Training 1 (1/6)  3 lessons Introduction 0/3

    • CSS Essential Training 1-Welcome
    • What you should know
    • Using the exercise files (CSS Essential Training 1)
  • Web Development Foundations: CSS Essential Training 1 (2/6)  7 lessons Getting Started 0/7

    • HTML overview/review
    • Default browser styles
    • Browser support and inconsistencies
    • Text editors
    • Inline, internal, and external CSS
    • Create a CSS file
    • Naming conventions
  • Web Development Foundations: CSS Essential Training 1 (3/6)  9 lessons CSS Core 0/9

    • Syntax, terminology, and naming conventions
    • Type, class, and id selectors
    • Practicing with simple selectors
    • Pseudo-class selectors
    • Selectors: Best practices
    • CSS comments
    • RGB, hex, and keyword color values
    • Practicing with selectors and colors
    • Cascading, inheritance, and specificity
  • Web Development Foundations: CSS Essential Training 1 (4/6)  7 lessons Typography 0/7

    • Web-safe fonts and the font-family property
    • Web fonts and Google fonts
    • The font-size property
    • Practicing with web fonts and font-size
    • The font-style and font-weight properties
    • The color, line-height, and text properties
    • Adjusting the font-weight property
  • Web Development Foundations: CSS Essential Training 1 (5/6)  9 lessons Layouts 0/9

    • Block vs. inline display
    • The box model
    • Margin and page layouts
    • Practicing layouts
    • Practicing with padding and spacing
    • Floats
    • Practicing with floats
    • The box model fix
    • Practicing with columns
  • Web Development Foundations: CSS Essential Training 1 (6/6)  1 lessons Conclusion 0/1

    • Next steps (CSS Essential Training 1)
  • Web Development Foundations: CSS Essential Training 2 (1/6)  3 lessons Introduction 0/3

    • Welcome (CSS Essential Training 2)
    • What you should know (CSS Essential Training 2)
    • Using the exercise files (CSS Essential Training 2)
  • Web Development Foundations: CSS Essential Training 2 (2/6)  6 lessons CSS Selectors 0/6

    • CSS syntax review
    • Basic and attribute selectors
    • Combinator selectors
    • Pseudo-class selectors
    • Pseudo-element selectors
    • Practicing with advanced selectors
  • Web Development Foundations: CSS Essential Training 2 (3/6)  10 lessons Layouts 0/10

    • Box model review
    • Float and display review
    • Horizontal navs with the display property
    • Horizontal navs with the float property
    • Practicing with the nav element
    • Positioning
    • Practicing with fixed navigation
    • Practicing with positioning elements
    • Float, display, and position
    • Layers and the z-index property
  • Web Development Foundations: CSS Essential Training 2 (4/6)  8 lessons Tips and Tools 0/8

    • Browser development tools
    • Debugging CSS
    • Resetting stylesheets
    • Icon fonts
    • The background property
    • Background shorthand syntax
    • Alpha transparency and gradients
    • Practicing with backgrounds and gradients
  • Web Development Foundations: CSS Essential Training 2 (5/6)  8 lessons Responsive and Mobile 0/8

    • Introduction to responsive design
    • Mobile friendly and mobile first
    • Creating flexible and fluid layouts
    • Introducing media queries
    • Using media queries
    • Testing responsive layouts
    • Device emulation
    • Revisiting your CSS
  • Web Development Foundations: CSS Essential Training 2 (6/6)  1 lessons Conclusion 0/1

    • Next steps (CSS Essential Training 2)

Review

0.0

0 rating

5 stars
0%
4 stars
0%
3 stars
0%
2 stars
0%
1 star
0%