Udacity

Contributed to new front end nanodegree

Udacity

Udacity is where lifelong learners come to learn the skills they need, to land the jobs they want, to build the lives they deserve.

As a contract curriculum developer, I contributed to the new FEND (front end nanodegree) by outlining the initial version of the course material and drafting the capstone project along with two lessons.

Contributed to the new FEND (front end nanodegree) by outlining the initial version of the course material and drafting the capstone project along with two lessons

The new FEND was released on September 3, 2019 at 12 PM Pacific Time.

I contributed to the first lesson & project.

Project 1: Styled Blog Website πŸ”—οΈŽ

For your first project, you’ll create a multi-page blog website, using best practices for content and page styling with HTML and CSS. You’ll practice using responsive layouts, Flexbox, and CSS Grid to create the structure and design for your own blog.

Supporting Course Content πŸ”—οΈŽ

CSS & Website Layout

Lesson Learning Outcomes πŸ”—οΈŽ

Introduction to HTML

  • Create a programming project with a code editor
  • Construct nested websites with HTML tags and elements
  • Troubleshoot and debug HTML errors and bugs

Introduction to CSS

  • Style website components by ID, class and type
  • Connect CSS to a website
  • Position and display website elements
  • Modify and control website typography
  • Troubleshoot and debug issues with stylesheets

Introducing Flexbox

  • Control web elements orientation and layout with Flexbox
  • Control ordering of web elements with Flexbox
  • Align and justify web elements with Flexbox
  • Transform and resize web elements with Flexbox

CSS Grid

  • Compare and contrast the use cases for CSS Grid and Flexbox
  • Structure the layout of a web page using grid columns and rows

Creating Responsive Layouts

  • Define custom styles for different screen sizes using media queries
  • Observe and create breakpoints in a website to change layout and styling as a page is resized