Scribd
Upload
85 views

Developing Responsive Websites With Bootstrap and Jquery Assignment

Uploaded by

Mirpurkhas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
85 views

Developing Responsive Websites With Bootstrap and Jquery Assignment

Uploaded by

Mirpurkhas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Developing Responsive Websites with BootStrap and jQuery Assignment

© Aptech Ltd. Version 1.0 Page 1 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Table of Contents
S# Session Page No.
1. Basics of Bootstrap 3

2. Understanding Programming in Bootstrap 4

3. Basics of jQuery 5

4. Functions, Widgets, Plugins in jQuery 6

5. Creating Bootstrap Responsive Layout 7

6. Creating Webpages Using Bootstrap and jQuery 8

© Aptech Ltd. Version 1.0 Page 2 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Basics of Bootstrap
Task 1
Estimated Time: 2 hours

NetDesigns is a software firm which develops Websites. Recently NetDesigns got a contract
to develop a new Website. Assuming that you are the Bootstrap Web designer who has been
assigned with the task of developing Bootstrap UI pages, perform the following tasks:
1. Set up Bootstrap environment, implementing Bootstrap through CDN and other
sources.
2. List down the advantages of implementing Bootstrap.
3. Study the file structure in Bootstrap and template designs.

Home

© Aptech Ltd. Version 1.0 Page 3 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Understanding Programming in Bootstrap


Task 1
Estimated Time: 2 hours

Slackworks is a Webdesign software firm based in Australia known for developing Websites.
Slackworks recently moved to Bootstrap for developing UI pages and is facing difficulties
implementing Bootstrap. Assume you are the person assigned with the task of
implementing Bootstrap controls in the new UI. Prepare a Proof of Concept (POC) for the
client implementing:
1. Usage of components such as glyphicons, Navbar, Input groups, Pagination,
Pageheaders, Badges, and Panels.
2. Programs for handling events in Bootstrap.
3. CSS and Javascript in Bootstrap.
Prepare a POC for submitting to Slackworks.

Home

© Aptech Ltd. Version 1.0 Page 4 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Basics of jQuery
Task 1
Estimated Time: 2 hours

Tutonex is a Webdesign firm known for developing aesthetic Webpages for its clients, has
implemented Bootstrap and jQuery in their pages recently. Assuming that you are the
person assigned with the task of developing Bootstrap Webpages, prepare a Proof of
Concept (POC) for the client, implementing:

1. jQuery and its usage in Bootstrap controls


2. Various modules such as selectors and functions in jQuery
3. JSON and its usage in jQuery and perform conversions to JSON

Home

© Aptech Ltd. Version 1.0 Page 5 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Functions, Widgets, Plugins in jQuery


Task 1
Estimated Time: 2 hours

CoreUI is a Webdesign firm based in Hungary, known for developing Webpages using
Bootstrap, has implemented Ajax and jQuery in their pages recently. Assuming that you
are the person assigned with the task of developing jquery, Ajax functions in Bootstrap UI
Webpages, prepare a Proof of Concept (POC) for the client, implementing:
1. Various types of functions in jQuery
2. Using AJAX (get, load) in Jquery
3. Widgets and datatables in jQuery

Home

© Aptech Ltd. Version 1.0 Page 6 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Creating Bootstrap Responsive Layout


Task 1
Estimated Time: 2 hours

Amdox is a Webdesign firm based in Jamaica, known for developing Webpages using
Bootstrap, wants to implement responsive pages using Bootstrap. Assuming that you are
the person assigned with the task of developing these pages in Bootstrap, prepare a Proof
of Concept (POC) for the client, implementing:
1. Achieving responsiveness in Bootstrap
2. Creation of simple responsiveness pages with Bootstrap
3. Text transformation classes and headers in Bootstrap

Home

© Aptech Ltd. Version 1.0 Page 7 of 8


Developing Responsive Websites with BootStrap and jQuery Assignment

Creating Webpages Using Bootstrap and jQuery


Task 1
Estimated Time: 2 hours

Amdox is a Webdesign firm based in Jamaica, known for developing Webpages using
Bootstrap which shows analytics data, wants to implement responsive tables and
customizing them for their data representation using Bootstrap. Assuming that you are
the person assigned with the task of developing these pages in Bootstrap, prepare a Proof
of Concept (POC) for the client, implementing:
1. Creation of tables in Bootstrap
2. Customizing Bootstrap controls
3. Usage of various tags such as blockquote, mark, and abbr on text blocks

Home

--- End of Assignments ---

© Aptech Ltd. Version 1.0 Page 8 of 8

You might also like