À propos de ce cours

1,462,594 consultations récentes

Résultats de carrière des étudiants

37%

ont commencé une nouvelle carrière après avoir terminé ce cours

34%

ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau intermédiaire
Approx. 38 heures pour terminer
Anglais
Sous-titres : Anglais

Compétences que vous acquerrez

Bootstrap (Front-End Framework)Node.JsJquerySASS (Stylesheet Language)

Résultats de carrière des étudiants

37%

ont commencé une nouvelle carrière après avoir terminé ce cours

34%

ont bénéficié d'un avantage concret dans leur carrières grâce à ce cours
Certificat partageable
Obtenez un Certificat lorsque vous terminez
100 % en ligne
Commencez dès maintenant et apprenez aux horaires qui vous conviennent.
Dates limites flexibles
Réinitialisez les dates limites selon votre disponibilité.
Niveau intermédiaire
Approx. 38 heures pour terminer
Anglais
Sous-titres : Anglais

Offert par

Logo Université des sciences et technologies de Hong Kong

Université des sciences et technologies de Hong Kong

Programme du cours : ce que vous apprendrez dans ce cours

Évaluation du contenuThumbs Up98%(30,469 notes)Info
Semaine
1

Semaine 1

11 heures pour terminer

Front-end Web UI Frameworks Overview: Bootstrap

11 heures pour terminer
17 vidéos (Total 194 min), 22 lectures, 2 quiz
17 vidéos
How to Use the Learning Resources10 min
What is Full-Stack Web Development?5 min
Exercise (Video): Setting up Git6 min
Exercise (Video): Basic Git Commands18 min
Exercise (Video): Online Git Repositories12 min
Node.js and NPM3 min
Exercise (Video): Setting up Node.js and NPM2 min
Exercise (Video): Basics of Node.js and NPM23 min
Front-end Web UI Frameworks7 min
Introduction to Bootstrap2 min
Exercise (Video): Getting Started with Bootstrap14 min
Responsive Design9 min
Bootstrap Grid System27 min
Exercise (Video): Responsive Design and Bootstrap Grid System Part 120 min
Exercise (Video): Responsive Design and Bootstrap Grid System Part 214 min
Assignment 1 Requirements (Video)7 min
22 lectures
Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources10 min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10 min
Full Stack Web Development: Additional Resources10 min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10 min
Setting up your Development Environment10 min
Exercise (Instructions): Setting up Git10 min
Exercise (Instructions): Basic Git Commands10 min
Exercise (Instructions): Online Git Repositories10 min
Exercise (Instructions): Setting up Node.js and NPM10 min
Exercise (Instructions): Basics of Node.js and NPM10 min
Setting up your Development Environment: Git and Node: Additional Resources10 min
Introduction to Bootstrap: Objectives and Outcomes10 min
Exercise (Instructions): Getting Started with Bootstrap10 min
Introduction to Bootstrap: Additional Resources10 min
Responsive Design and Bootstrap Grid System: Objectives and Outcomes10 min
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 110 min
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 210 min
Responsive Design and Bootstrap Grid System: Additional Resources10 min
Assignment 1 Resources10 min
Ideation: Objectives and Outcomes10 min
Ideation Report Template10 min
Ideation: Additional Resources10 min
Semaine
2

Semaine 2

10 heures pour terminer

Bootstrap CSS Components

10 heures pour terminer
14 vidéos (Total 146 min), 21 lectures, 2 quiz
14 vidéos
Exercise (Video): Navbar and Breadcrumbs30 min
Icon Fonts4 min
Exercise (Video): Icon Fonts12 min
User Input4 min
Exercise (Video): Buttons9 min
Exercise (Video): Forms22 min
Bootstrap Tables and Cards4 min
Exercise (Video): Displaying Content: Tables and Cards18 min
Images and Media5 min
Exercise (Video): Images and Media11 min
Alerting Users6 min
Exercise (Video): Alerting Users2 min
Assignment 2: Bootstrap CSS Components4 min
21 lectures
Navigation and Navigation Bar: Objectives and Outcomes10 min
Exercise (Instructions): Navbar and Breadcrumbs10 min
Exercise (Instructions): Icon Fonts10 min
Navigation and Navigation Bar: Additional Resources10 min
User Input: Buttons and Forms: Objectives and Outcomes10 min
Exercise (Instructions): Buttons10 min
Exercise (Instructions): Forms10 min
User Input: Additional Resources10 min
Displaying Content: Tables and Cards: Objectives and Outcomes10 min
Exercise (Instructions): Displaying Content: Tables and Cards10 min
Displaying Content: Additional Resources10 min
Images and Media: Objectives and Outcomes10 min
Exercise (Instructions): Images and Media10 min
Images and Media: Additional Resources10 min
Alerting Users: Objectives and Outcomes10 min
Exercise (Instructions): Alerting Users10 min
Alerting Users: Additional Resources10 min
Assignment 2: Resources10 min
UI Design and Prototyping: Objectives and Outcomes10 min
UI Design and Prototyping Report Template10 min
UI Design and Prototyping: Additional Resources10 min
Semaine
3

Semaine 3

6 heures pour terminer

Bootstrap Javascript Components

6 heures pour terminer
10 vidéos (Total 77 min), 15 lectures, 1 quiz
10 vidéos
Tabs, Pills and Tabbed Navigation3 min
Exercise (Video): Tabs11 min
Collapse and Accordion5 min
Exercise (Video): Accordion8 min
Tooltips, Popovers and Modals5 min
Exercise (Video): Tooltips and Modals15 min
Carousel1 min
Exercise (Video): Carousel14 min
Assignment 3: Bootstrap JavaScript Components3 min
15 lectures
Bootstrap JavaScript Components: Objectives and Outcomes10 min
Bootstrap JavaScript Components: Additional Resources10 min
Tabs and Tabbed Navigation: Objectives and Outcomes10 min
Exercise (Instructions): Tabs10 min
Tabs and Tabbed Navigation: Additional Resources10 min
Hide and Seek: Objectives and Outcomes10 min
Exercise (Instructions): Accordion10 min
Hide and Seek: Additional Resources10 min
Revealing Content: Objectives and Outcomes10 min
Exercise (Instructions): Tooltips and Modals10 min
Revealing Content: Additional Resources10 min
Carousel: Objectives and Outcomes10 min
Exercise (Instructions): Carousel10 min
Carousel: Additional Resources10 min
Assignment 3: Resources10 min
Semaine
4

Semaine 4

11 heures pour terminer

Web Tools

11 heures pour terminer
17 vidéos (Total 220 min), 22 lectures, 2 quiz
17 vidéos
Exercise (Video): Bootstrap and JQuery10 min
Exercise (Video): More Bootstrap and JQuery11 min
CSS Preprocessors: Less and Sass10 min
Exercise (Video): Less8 min
Exercise (Video): Scss8 min
Assignment 4: Bootstrap, JQuery and Sass4 min
Building and Deployment10 min
NPM Scripts4 min
Exercise (Video): NPM Scripts Part 112 min
Exercise (Video): NPM Scripts Part 228 min
Task Runners4 min
Exercise (Video): Grunt Part 119 min
Exercise (Video): Grunt Part 230 min
Exercise (Video): Gulp Part 116 min
Exercise (Video): Gulp Part 220 min
Front-End Web UI Frameworks: Bootstrap 4: Conclusions2 min
22 lectures
Bootstrap and JQuery: Objectives and Outcomes10 min
Exercise (Instructions): Bootstrap and JQuery10 min
Exercise (Instructions): More Bootstrap and JQuery10 min
Bootstrap and JQuery: Additional Resources10 min
CSS Preprocessors: Objectives and Outcomes10 min
Exercise (Instructions): Less10 min
Exercise (Instructions): Scss10 min
CSS Preprocessors: Additional Resources10 min
Assignment 4: Additional Resources10 min
Building and Deployment: Objectives and Outcomes10 min
Exercise (Instructions): NPM Scripts Part 110 min
Exercise (Instructions): NPM Scripts Part 210 min
Building and Deployment: NPM Scripts: Additional Resources10 min
Building and Deployment: Task Runners10 min
Exercise (Instructions): Grunt Part 110 min
Exercise (Instructions): Grunt Part 210 min
Exercise (Instructions): Gulp Part 110 min
Exercise (Instructions): Gulp Part 210 min
Building and Deployment: Task Runners: Additional Resources10 min
Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions10 min
Project Implementation: Objectives and Outcomes10 min
Final Report Template10 min

Avis

Meilleurs avis pour FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4

Voir tous les avis

Foire Aux Questions

  • Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

    • The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
    • The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
  • Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.

  • Si vous vous abonnez, vous bénéficiez d'une période d'essai gratuite de 7 jours, durant laquelle vous pouvez annuler votre abonnement sans pénalité. Ensuite, nous n'accordons plus de remboursements, mais vous pouvez annuler votre abonnement à tout instant. Consultez notre politique de remboursement complète.

  • Oui, Coursera offre une Aide Financière aux étudiants qui n'ont pas les moyens d'acquitter les frais. Demandez-la en cliquant sur le lien Aide Financière sous le bouton S'inscrire situé à gauche. Vous devrez remplir un formulaire de demande et vous serez averti(e) si elle est acceptée. Vous devrez répéter cette procédure pour chaque cours de la Spécialisation, y compris pour le Projet Final. En savoir plus.

D'autres questions ? Visitez le Centre d'Aide pour les Etudiants.