Share Description
This course will provide you with an overview of client-side web UI frameworks, focusing on Bootstrap 4. Grids and responsive design, as well as Bootstrap CSS and JavaScript components, will be covered. CSS preprocessors, Less, and Sass will be covered. You will also learn the fundamentals of Node.js and NPM, as well as task runners such as Grunt and Gulp.
You will be able to a)Set up, design, and style a web page using Bootstrap 4 and its components, b) Create a responsive web page design, and c) Use web tools to setup and manage web sites by the end of this course.
This course also includes an honors track, which allows you to work on your own project while developing a website with Bootstrap 4.
Students enrolled in this course should have a solid understanding of HTML, CSS, and JavaScript.
Syllabus :
1. Front-end Web UI Frameworks Overview: Bootstrap
- Front-End Web UI Frameworks and Tools: Bootstrap 4
- How to Use the Learning Resources
- What is Full-Stack Web Development?
- Setting up Git
- Basic Git Commands
- Online Git Repositories
- Node.js and NPM
- Setting up Node.js and NPM
- Basics of Node.js and NPM
- Front-end Web UI Frameworks
- Introduction to Bootstrap
- Getting Started with Bootstrap
- Responsive Design
- Bootstrap Grid System
- Responsive Design and Bootstrap Grid System
2. Bootstrap CSS Components
- Navigation and Navigation Bar
- Navbar and Breadcrumbs
- Icon Fonts
- Icon Fonts
- User Input
- Buttons
- Forms
- Bootstrap Tables and Cards
- Displaying Content: Tables and Cards
- Images and Media
- Alerting Users
3. Bootstrap Javascript Components
- Bootstrap JavaScript Components
- Tabs, Pills and Tabbed Navigation
- Tabs
- Collapse and Accordion
- Accordion
- Tooltips, Popovers and Modals
- Tooltips and Modals
- Carousel
4. Web Tools
- Bootstrap and JQuery
- More Bootstrap and JQuery
- CSS Preprocessors: Less and Sass
- Less
- Scss
- Assignment 4: Bootstrap, JQuery and Sass
- Building and Deployment
- NPM Scripts
- Task Runners
- Grunt
- Front-End Web UI Frameworks
