Skip to content

Latest commit

 

History

History
48 lines (42 loc) · 1.71 KB

course2.md

File metadata and controls

48 lines (42 loc) · 1.71 KB
Raw

Full Stack Web Development Specialization

Front-End Web UI Frameworks and Tools

About the Course:

This course will give you an overview of client-side web frameworks, in particular Bootstrap. You will learn about grids and responsive design, Bootstrap CSS and JavaScript components. You will learn about CSS preprocessors, Less and Sass. You will also learn the basics of Node.js and NPM and learn about Web tools like Bower.

At the end of this course, you will be able to:

  • Set up, design and style a web page using Bootstrap and its components
  • Create a responsive web page design
  • Make use of web tools to setup and manage web sites

Week 1

Front-end Web UI Frameworks Overview: Bootstrap
  • Full Stack Web Development: The Big Picture
  • Introduction to Bootstrap
  • Responsive Design and Bootstrap Grid System
  • Navigation and Navigation Bar
  • Assignment 1
  • Assignment: Assignment 1 Detailed Instructions and Submission

Week 2

Bootstrap CSS Components
  • User Input: Buttons and Forms
  • Displaying Content: Tables, Panels, Wells
  • Images and Media: Images, Thumbnails, Media Objects
  • Alerting Users: Labels, Badges, Alerts, Progress Bars
  • Assignment 2
  • Assignment: Assignment 2

Week 3

Bootstrap Javascript Components
  • Bootstrap JavaScript Components Overview
  • Tabs, Pills and Tabbed Navigation
  • Hide and Seek: Collapse, Accordion, Scrollspy and Affix
  • Revealing Content: Tooltips, Popovers and Modals
  • Carousel
  • Assignment 3
  • Assignment: Assignment 3 (Lesson)

Week 4

Web Tools
  • Bootstrap and JQuery
  • Node.js and Node Package Manager
  • Less is More!: Less and Sass
  • Web Tools: Bower
  • Assignment 4
  • Conclusions
  • Assignment: Assignment 4 Detailed Instructions and Submission