Explore
For Enterprise
Join for Free
Log In

Arts et humanités
Business
Informatique
Science des données
Technologies de l'information
santé
Mathématiques et logique
Développement personnel
Sciences physiques et ingénierie
Sciences sociales
Apprentissage des langues
Diplômes
Certificats

Explorez l'intégralité de Coursera

Parcourir
Rechercher
For Enterprise
Connexion
Inscrivez-vous gratuitement

Task Runners

Loading...

Front-End Web UI Frameworks and Tools: Bootstrap 4

Université des sciences et technologies de Hong Kong

4.8 (1,855 notes) | 43K étudiants inscrits

Cours 1 de 4 dans Full-Stack Web Development with React Spécialisation

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.

Visualiser le programme de cours

Compétences que vous apprendrez

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

Avis

4.8 (1,855 notes)

5 stars
1,536 ratings
4 stars
268 ratings
3 stars
36 ratings
2 stars
8 ratings
1 star
7 ratings

AA

Jul 12, 2018

One of the best courses I have ever taken. Everything is explained in the best way possible. The Instructor is also good. Must give this course a try. It enhanced my knowledge of the subject matter.

BB

Nov 07, 2018

The instructor knows his subject well. He uses real world examples that allow you to achieve something tangible. On a personal note I loved listening to his instruction. He is an enjoyable teacher.

À partir de la leçon

Web Tools

This module rounds out our discussions on Bootstrap JavaScript components. Then we discuss CSS preprocessors, Less and Sass. Finally, we discuss building and deployment of our Web projects through task automation using NPM scripts, and task runners like Grunt and Gulp. The final assignment of this course needs to be completed at the end of this module.

Task Runners4:58

Exercise (Video): Grunt Part 119:57

Exercise (Video): Grunt Part 230:11

Exercise (Video): Gulp Part 116:07

Exercise (Video): Gulp Part 220:36

Enseigné par

Jogesh K. Muppala
Associate Professor

Transcription

[MUSIC]

As we understood from the previous lesson building and

deployment of websites involves a lot of steps.

And we looked at the use of [INAUDIBLE] scripts for

doing the building and deployment tasks.

In this lesson, we will concentrate on task renders.

Two in particular, Grunt and Gulp, and try to understand how

they facilitate their automation of the various web developement tasks.

The primary task of a Task Runner is to enable to us to configure the tasks and

then rerun them automatically as it when request.

In the previous Lesson, we show the user NPM scripts that we set up in

the package.json file in order to automate some of these tasks,

including the use of the on change to automatically

run some of these tasks based upon changes to files that are made.

Now, thinking back, we realize that we are in the Node ecosystem.

And what Node enables us to do is to run JavaScript on the desktop.

Now, better luck than people, the programmers as you know of them,

took on the task of using JavaScript itself to write

applications that enable us to set up and run these tasks automatically.

So this is where the task runners came into the picture.

Grunt, Gulp, Cake, Brunch, Broccoli.

What's this obsession with food?

Well when you're sitting in a single place for a long time, you develop a big

appetite, Grunt and Gulp being the two most successful in this field.

We'll look at both of them in more detail in this lesson.

These enable us to double up automated tasks for

executing and building and deploying our website.

As I mentioned, the JavaScript based task runners, the two

of them in particular that we will deal with in this lesson are Grunt and Gulp.

Grunt operates based on doing configuration

whereas Gulp concentrates more on code.

We'll look at the two of them in more detail as we go along.

But both of them pretty much enable us to accomplish the same kind of tasks.

Both are built around plugins.

So, both Grunt and Gulp provide a framework for which

you write various plugins that enable you to perform these kinds of tasks.

So Grunt and Gulp together with their plugins enable us to configure and

execute various tasks.

If you ask me, is Grunt better or is Gulp better, that's a tough question to answer.

The Grunt people are grunting all over,

saying that theirs is the best way of doing it.

Which the Gulp community finds hard to swallow.

Both these communities can easily give your televangelists a run for their money.

But, from my perspective,

I look at any of these tools as just mechanisms to get my work done.

So long as it gets my work done, I'm happy with it.

If one makes it easier to accomplish a set of tasks that has,

then I choose the one over the other for that particular project.

So my take is event VM scripts satisfies you, stable them.

If Grunt is the way to go, be my guest.

If Gulp is worth satisfies you, take you a big gulp and you'll be satisfied.

So having said that, let's take a look at both Grunt and Gulp.

I will show you how you perform the same set of tasks

that I did with the npm scripts in the previous lesson and the exercise.

By showing you the Grunt and the Gulp way of doing the same

sort of tasks in the exercises that follow this lecture.

[MUSIC]

Explorer notre catalogue

Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.

Coursera propose un accès universel à la meilleure formation au monde, en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.

© 2019 Coursera Inc. Tous droits réservés.

Télécharger dans l'App Store

Disponible sur Google Play

Coursera
À propos
Direction
Carrières
Catalogue
Certificats
Certificats MasterTrack™
Diplômes
For Enterprise
For Government

Communauté
Learners
Partners
Developers
Beta Testers
Translators

Se connecter
Blog
Facebook
LinkedIn
Twitter
Instagram
YouTube
Blog Tech

Plus
Conditions
Confidentialité
Aide
Accessibilité
Presse
Contact
Répertoire
Filiales