aprender>
Ciência da Computação>
Desenvolvimento Web e Móvel>
Front-End Web UI Frameworks and Tools: Bootstrap 4 cursos>
How to Use the Learning Resources

Loading...

How to Use the Learning Resources

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.

Front-End Web UI Frameworks and Tools: Bootstrap 4

Universidade de Ciência e Tecnologia de Hong Kong

Curso 1 de 4 no Full-Stack Web Development with React Programa de cursos integrados

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.

Visualizar o programa do curso

Habilidades que você aprenderá

Bootstrap (Front-End Framework), Node.Js, Jquery, SASS (Stylesheet Language)

Ministrado por

Jogesh K. Muppala
Associate Professor

Transcrição

[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]

Sobre o Coursera

Cursos, especializações e graduações on-line, ministradas pelos melhores instrutores das melhores universidades e instituições de ensino.

Join a community of 40 million learners from around the world

Earn a skill-based course certificate to apply your knowledge

Gain confidence in your skills and further your career

O Coursera proporciona acesso universal à melhor educação do mundo fazendo parcerias com as melhores universidades e organizações para oferecer cursos on-line.

© 2019 Coursera Inc. Todos os direitos reservados.

Baixar na App Store

Baixar no Google Play