Skip to main content

Featured post

demo check for course

Learn C Language Online - C Programming Tutorials for Beginners Learn C Programming Concepts from basics to advance at Eduonix. Get Started with C Programming Online Tutorial and Become a Professional C Programer. Description You will learn concepts such as Methods and Functions - Get to know about C programming using functions both system defined and user defined ones. Pointers - Master the concepts behind pointers and learn their use in C programming Input/Output - Learn to take user input and display output for your programs Control Flow - Learn all about concepts such as iteration and conditional statements Data Structures - Get to know the important data structures required for C programming. Dynamic Memory allocation - Memory handling is one of the exotic C attributes and you will get to learn all about in this course Socket programming - Learn to...
Post a Comment
Read more

[100% FREE] Front-End Web UI Frameworks and Tools:Bootstrap 4

Front-End Web UI Frameworks and Tools:Bootstrap 4

Offered by The Hong Kong University of Science and Technology.

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


Comments

Post a Comment

Popular Posts