Front-EndWebUIFrameworks:CourseOverview

JogeshK.Muppala

FullStackWebDevelopment

2

PresentaGonlayer BusinessLogiclayer DataAccesslayer

CSS

HTML

JS

JSFrameworkAngularJS

Node.js

Node.jsModules

BaaS

MongoDB

UIFrameworkBootstrap

CourseOutline•  Bootstrap•  WebTools:– Node.jsandNPM– Bower

3

Module1:BootstrapOverview•  FullStackWebDevelopment:TheBigPicture•  IntroducGontoBootstrap•  ResponsiveDesignandBootstrapGridSystem•  NavigaGonandNavigaGonBar•  Assignment1

4

Module2:BootstrapCSSComponents•  UserInput:BuUonsandForms•  DisplayingContent:Tables,Panels,Wells•  ImagesandMedia:Images,Thumbnails,MediaObjects•  AlerGngUsers:Labels,Badges,Alerts,ProgressBars•  Assignment2

5

Module3:BootstrapJavaScriptComponents•  BootstrapJavaScriptComponentsOverview•  Tabs,PillsandTabbedNavigaGon•  HideandSeek:Collapse,Accordion,ScrollspyandAffix•  RevealingContent:ToolGps,PopoversandModals•  Carousel•  Assignment3

6

Module4:WebTools•  BootstrapandJQuery•  Node.jsandNodePackageManager•  LessisMore!:LessandSass•  WebTools:Bower•  Assignment4

7