This course will give you an overview of client-side web UI frameworks, in particular Bootstrap 4. 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 task runners like Grunt and Gulp. At the end of this course, 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) Make use of web tools to setup and manage web sites. This course also includes an honors track that enables you to work on your own project developing a website using Bootstrap 4. Students enrolling in this course should have prior good working knowledge of HTML, CSS and JavaScript.
How to Use the Learning Resources
Loading...
Do curso por The Hong Kong University of Science and Technology
Front-End Web UI Frameworks and Tools: Bootstrap 4
753 ratings
The Hong Kong University of Science and Technology
753 ratings
Curso 1 de 4 em Specialization Full-Stack Web Development with React
Na lição
Front-end Web UI Frameworks Overview: Bootstrap
This module gives you a quick introduction to full-stack web development and the outline of the course. Then you will learn the basics of Bootstrap, setting up a web project using Bootstrap. You will learn about responsive design and the Bootstrap grid system. At the end of this module, you need to complete your first assignment.
Conheça os instrutores
Jogesh K. MuppalaAssociate Professor
Department of Computer Science and Engineering
[MUSIC]
Before you embark on this course, let me take you to a quick
tool of all the learning resources that are available in this course.
And how best you can make use of this learning resources to maximize
the benefit of being in this course.
The course it's self is organized into four modules.
Each module has an overarching theme that guides the design of the module.
A module it's self is divided into multiple lessons.
Each lesson concentrating on one specific topic.
There will be an assignment due at the end of each module.
Each module typically corresponds to one calendar week of work.
So this whole course could be completed in four weeks time.
But please take the time necessary for
you to completely understand before you move on to the next module.
As already mentioned each module is divided into multiple lessons,
each lesson it self is organize in this manner.
A lesson start all within certain objective and outcomes being specified for
that lesson.
Then following that you will have a set of videos that introduce you to the concepts
and technologies, on which this particular lesson is concentrating on.
These will be followed by one or more hands on exercises that will help you to
understand that concepts and technologies by doing the exercises.
At the end of each lesson, you will also have additional resources,
which will point you to resources that might be useful for
the topic covered in this particular lesson.
Let's take a quick tour of your course page.
So as you go to the course homepage,
you will find a lot of details about the course there.
They also notice that the course itself is organized into weeks,
each week corresponding to one module.
Let's visit one particular module to learn how the module itself is structured.
So as you go to each module you will see that the module will have
a brief introduction on the theme of that particular module.
Then there will be a set of learning objectives for the particular module.
Following that you will have a set of lessons.
As I mentioned earlier, each lesson will be organized into a set of items.
Let's take a quick tour of this lesson on introduction to Bootstrap.
So as you click and going to that lesson,
you will notice that at the start of the lesson you would have the objectives and
outcomes from the lesson explicitly specified.
I would urge you to take a few moments to read through this document.
Because this will clearly set up the goals for this lesson, and also
tell you exactly what you will achieve at the end of that particular lesson.
Following that, you would have a set of videos that
will explain some of the concepts and
technologies relevant to that particular Lesson.
I would urge you to watch these videos first.
Following this set of videos, you will have a one or
more hands-on exercises for that particular lesson.
The exercises themselves will be illustrated
through a video which gives you.
Step by step progress of that particular exercise.
So I would strongly urge you to watch this video in order to understand
how to do the exercise.
Also in the exercise I will explain a lot of
details about why each step is being performed in that particular exercise.
Now in addition to the video illustration of the exercise,
you will also have a summary of the instructions.
For the particular exercise, given as a separate document, following that video.
In this document, you will have access to the exercise resources,
that set of files that you may need for performing that particular exercise.
So you may download that particular exercise documents right there.
Following that, the objectives and outcomes for
that particular exercise will be less large then each step
will be illustrated briefly in this particular document.
So once you watch the video, you can also use these
exercise instructions as a guide as you perform your own exercise to the team.
In addition, the exercise instructions will also contain code snippets
that will be useful for you to do your exercise.
I would strongly urge you not to simply cut and paste this code snippet.
Instead understand exactly what you're doing in each step, and
then either type in the code yourself,
or copy and paste the code from the instructions here.
Furthermore for every video, if there is a set of presentation slides.
Those would be available in the downloads to the right of
this video, there on the webpage.
Also if you go to the additional resources
that are provided for you at the end of each lesson.
You will also have links to the PDFs of the presentation.
So there are two places from where you can download the PDFs of the presentations
about the concepts and technologies for each module.
You will also have access to the exercise resources
in this additional resources section.
You will also have links to the Bootstrap's own documentation about
the specific concepts and technologies covered in that particular lesson.
I will also give you links to articles, blogs,
or additional resources from the Internet that might be useful or
relevant to this particular topic of the lesson.
I would suggest to you to spend some time
looking up these original resources so that they may aid you in.
Also furthering your understanding of the specific
topics covered in that particular lesson.
To summarize, the learning resources in each lesson is organized into
the set of video lectures illustrating the concepts and technologies, then hands
on exercises which include both step by step instructions in the form of a video.
And also written instructions for the exercises and traditional
resources that might be useful for you, the element to that particular lesson.
Also as I mentioned, at the end of each module you will have an assignment due.
The tasks to be performed in the assignment will be illustrated
through a video where all the tasks that you need to do in the assignment
will be shown to you.
Thereafter, you will have a written document
That explains the details of that assignment.
This written document will give you access to the resources that will be required for
this assignment.
Following that, you will have the set of objectives and
outcomes for the particular assignment/ given to you.
Then the requirements of the assignment will be specified in terms of that set
of tasks that you need to complete and the steps for each task will be illustrated.
You may also be given a snapshot of the webpage to show you
the state of the webpage are the completion of this particular assignment,
with the specific tasks being highlighted in that snapshot.
At the end of the document you'll also be given the review criteria the criteria
based on which your submission will be judged for this particular assignment.
As you embark on this course, let me quickly remind you
of a Sanskrit Subhashita, or a wise saying about learning.
It goes as follows,
[FOREIGN] what this means is that,
one fourth of your learning comes
from your teacher, one fourth of your learning comes
through your own intelligence as you do the steps.
Use your own intellect to analyze and understand what you're doing.
One fourth of your learning comes from your classmates.
So this is very interacting with your colleagues
that are also taking this course at the same time
through the discussion forums will help you to understand the concepts.
And finally the last fourth comes only through experience or only with time.
As you learn and make use of the concepts and technologies that you learn
in this course, you'll begin to understand more and more about this particular topic.
Let me leave you with my best wishes for you.
So that you would get the most out of your journey through this course.
Wish you all the best.
[MUSIC]
Explore nosso catálogo
Registre-se gratuitamente e obtenha recomendações, atualizações e ofertas personalizadas.
O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.
© 2018 Coursera Inc. Todos os direitos reservados.
