Acerca de este Curso

250.196 vistas recientes

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.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel intermedio

Aprox. 31 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Habilidades que obtendrás

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

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel intermedio

Aprox. 31 horas para completar

Inglés (English)

¿Podría tu empresa beneficiarse de la capacitación de los empleados en las habilidades más demandadas?

Prueba Coursera para negocios

Instructor

Calificación del instructor

4,8/5 (2069 calificaciones)

Jogesh K. Muppala

Associate Professor

Department of Computer Science and Engineering

591.860 alumnos

12 cursos

Programa - Qué aprenderás en este curso

Calificación del contenido98%(53,347 calificaciones)

Semana

1

Semana 1

9 horas para completar

Front-end Web UI Frameworks Overview: Bootstrap

9 horas para completar

17 videos (Total 194 minutos), 22 lecturas, 2 cuestionarios

17 videos

Front-End Web UI Frameworks and Tools: Bootstrap 4: Course Overview7m

How to Use the Learning Resources10m

What is Full-Stack Web Development?5m

Exercise (Video): Setting up Git6m

Exercise (Video): Basic Git Commands18m

Exercise (Video): Online Git Repositories12m

Node.js and NPM3m

Exercise (Video): Setting up Node.js and NPM2m

Exercise (Video): Basics of Node.js and NPM23m

Front-end Web UI Frameworks7m

Introduction to Bootstrap2m

Exercise (Video): Getting Started with Bootstrap14m

Responsive Design9m

Bootstrap Grid System27m

Exercise (Video): Responsive Design and Bootstrap Grid System Part 120m

Exercise (Video): Responsive Design and Bootstrap Grid System Part 214m

Assignment 1 Requirements (Video)7m

22 lecturas

Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources10m

Full Stack Web Development: The Big Picture: Objectives and Outcomes10m

Full Stack Web Development: Additional Resources10m

Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m

Setting up your Development Environment10m

Exercise (Instructions): Setting up Git10m

Exercise (Instructions): Basic Git Commands10m

Exercise (Instructions): Online Git Repositories10m

Exercise (Instructions): Setting up Node.js and NPM10m

Exercise (Instructions): Basics of Node.js and NPM10m

Setting up your Development Environment: Git and Node: Additional Resources10m

Introduction to Bootstrap: Objectives and Outcomes10m

Exercise (Instructions): Getting Started with Bootstrap10m

Introduction to Bootstrap: Additional Resources10m

Responsive Design and Bootstrap Grid System: Objectives and Outcomes10m

Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 110m

Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 210m

Responsive Design and Bootstrap Grid System: Additional Resources10m

Assignment 1 Resources10m

Ideation: Objectives and Outcomes10m

Ideation Report Template10m

Ideation: Additional Resources10m

Semana

2

Semana 2

8 horas para completar

Bootstrap CSS Components

8 horas para completar

14 videos (Total 146 minutos), 21 lecturas, 2 cuestionarios

14 videos

Navigation and Navigation Bar9m

Exercise (Video): Navbar and Breadcrumbs30m

Icon Fonts4m

Exercise (Video): Icon Fonts12m

User Input4m

Exercise (Video): Buttons9m

Exercise (Video): Forms22m

Bootstrap Tables and Cards4m

Exercise (Video): Displaying Content: Tables and Cards18m

Images and Media5m

Exercise (Video): Images and Media11m

Alerting Users6m

Exercise (Video): Alerting Users2m

Assignment 2: Bootstrap CSS Components4m

21 lecturas

Navigation and Navigation Bar: Objectives and Outcomes10m

Exercise (Instructions): Navbar and Breadcrumbs10m

Exercise (Instructions): Icon Fonts10m

Navigation and Navigation Bar: Additional Resources10m

User Input: Buttons and Forms: Objectives and Outcomes10m

Exercise (Instructions): Buttons10m

Exercise (Instructions): Forms10m

User Input: Additional Resources10m

Displaying Content: Tables and Cards: Objectives and Outcomes10m

Exercise (Instructions): Displaying Content: Tables and Cards10m

Displaying Content: Additional Resources10m

Images and Media: Objectives and Outcomes10m

Exercise (Instructions): Images and Media10m

Images and Media: Additional Resources10m

Alerting Users: Objectives and Outcomes10m

Exercise (Instructions): Alerting Users10m

Alerting Users: Additional Resources10m

Assignment 2: Resources10m

UI Design and Prototyping: Objectives and Outcomes10m

UI Design and Prototyping Report Template10m

UI Design and Prototyping: Additional Resources10m

Semana

3

Semana 3

5 horas para completar

Bootstrap Javascript Components

5 horas para completar

10 videos (Total 77 minutos), 15 lecturas, 1 cuestionario

10 videos

Bootstrap JavaScript Components8m

Tabs, Pills and Tabbed Navigation3m

Exercise (Video): Tabs11m

Collapse and Accordion5m

Exercise (Video): Accordion8m

Tooltips, Popovers and Modals5m

Exercise (Video): Tooltips and Modals15m

Carousel1m

Exercise (Video): Carousel14m

Assignment 3: Bootstrap JavaScript Components3m

15 lecturas

Bootstrap JavaScript Components: Objectives and Outcomes10m

Bootstrap JavaScript Components: Additional Resources10m

Tabs and Tabbed Navigation: Objectives and Outcomes10m

Exercise (Instructions): Tabs10m

Tabs and Tabbed Navigation: Additional Resources10m

Hide and Seek: Objectives and Outcomes10m

Exercise (Instructions): Accordion10m

Hide and Seek: Additional Resources10m

Revealing Content: Objectives and Outcomes10m

Exercise (Instructions): Tooltips and Modals10m

Revealing Content: Additional Resources10m

Carousel: Objectives and Outcomes10m

Exercise (Instructions): Carousel10m

Carousel: Additional Resources10m

Assignment 3: Resources10m

Semana

4

Semana 4

9 horas para completar

Web Tools

9 horas para completar

17 videos (Total 220 minutos), 22 lecturas, 2 cuestionarios

17 videos

Bootstrap and JQuery16m

Exercise (Video): Bootstrap and JQuery10m

Exercise (Video): More Bootstrap and JQuery11m

CSS Preprocessors: Less and Sass10m

Exercise (Video): Less8m

Exercise (Video): Scss8m

Assignment 4: Bootstrap, JQuery and Sass4m

Building and Deployment10m

NPM Scripts4m

Exercise (Video): NPM Scripts Part 112m

Exercise (Video): NPM Scripts Part 228m

Task Runners4m

Exercise (Video): Grunt Part 119m

Exercise (Video): Grunt Part 230m

Exercise (Video): Gulp Part 116m

Exercise (Video): Gulp Part 220m

Front-End Web UI Frameworks: Bootstrap 4: Conclusions2m

22 lecturas

Bootstrap and JQuery: Objectives and Outcomes10m

Exercise (Instructions): Bootstrap and JQuery10m

Exercise (Instructions): More Bootstrap and JQuery10m

Bootstrap and JQuery: Additional Resources10m

CSS Preprocessors: Objectives and Outcomes10m

Exercise (Instructions): Less10m

Exercise (Instructions): Scss10m

CSS Preprocessors: Additional Resources10m

Assignment 4: Additional Resources10m

Building and Deployment: Objectives and Outcomes10m

Exercise (Instructions): NPM Scripts Part 110m

Exercise (Instructions): NPM Scripts Part 210m

Building and Deployment: NPM Scripts: Additional Resources10m

Building and Deployment: Task Runners10m

Exercise (Instructions): Grunt Part 110m

Exercise (Instructions): Grunt Part 210m

Exercise (Instructions): Gulp Part 110m

Exercise (Instructions): Gulp Part 210m

Building and Deployment: Task Runners: Additional Resources10m

Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions10m

Project Implementation: Objectives and Outcomes10m

Final Report Template10m

Reseñas

4.8

2328 reseña

5 stars
81,40 %
4 stars
15,52 %
3 stars
1,66 %
2 stars
0,49 %
1 star
0,91 %

Principales reseñas sobre FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4

por DG10 de oct. de 2018

Excellent course for anyone who is familiar with html, css, but cannot organise the subject in their mind. This course excellently teaches you the what is what, and how to do things in the correct way

por AA19 de dic. de 2019

Excellent course for anyone who is familiar with html, css, but cannot organise the subject in their mind. This course excellently teaches you the what is what, and how to do things in the correct way

por DK24 de dic. de 2020

This is a great course that really explores the intricacies of bootstrap, Javascript and jquery. It is a great course to start your web development journey. It teaches responsive web design too.

por SS2 de ago. de 2017

Excellent course on Bootstap 4. Not only provides knowledge to Bootstrap4, but also to Git, NPM, Less, Scss, Grunt, Gulp. I would strongly recommend it to enhance your skills or add these skills.

Ver todas las reseñas

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Programa especializado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos que forman parte del Programa especializado y te darán un Certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.
¿Hay ayuda económica disponible?
Sí. En ciertos programas de aprendizaje, puedes postularte para recibir ayuda económica o una beca en caso de no poder costear los gastos de la tarifa de inscripción. Si hay ayuda económica o becas disponibles para tu selección de programa de aprendizaje, verás un enlace para postularte en la página de descripción.

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.

Front-End Web UI Frameworks and Tools: Bootstrap 4

Acerca de este Curso

Habilidades que obtendrás

Instructor

Jogesh K. Muppala

ofrecido por

Universidad Científica y Tecnológica de Hong Kong

Programa - Qué aprenderás en este curso

Front-end Web UI Frameworks Overview: Bootstrap

Bootstrap CSS Components

Bootstrap Javascript Components

Web Tools

Reseñas

Principales reseñas sobre FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4

Preguntas Frecuentes

Comienza o impulsa tu carrera profesional

Buscar temas populares

Cursos y artículos populares

Obtén un título de grado o un certificado en línea

Coursera

Comunidad

Más

Front-End Web UI Frameworks and Tools: Bootstrap 4

Acerca de este Curso

Habilidades que obtendrás

Instructor

Jogesh K. Muppala

ofrecido por

Universidad Científica y Tecnológica de Hong Kong

Programa - Qué aprenderás en este curso

Front-end Web UI Frameworks Overview: Bootstrap

Bootstrap CSS Components

Bootstrap Javascript Components

Web Tools

Reseñas

Principales reseñas sobre FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4

Preguntas Frecuentes

Coursera Footer

Comienza o impulsa tu carrera profesional

Buscar temas populares

Cursos y artículos populares

Obtén un título de grado o un certificado en línea

Coursera

Comunidad

Más