Informações sobre o curso

367,613 visualizações recentes

Resultados de carreira do aprendiz

37%

comecei uma nova carreira após concluir estes cursos

34%

consegui um benefício significativo de carreira com este curso

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Nível intermediário

Aprox. 30 horas para completar

Sugerido: 4 weeks of study, 4-6 hours/week...

Inglês

Legendas: Inglês

Habilidades que você terá

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

Resultados de carreira do aprendiz

37%

comecei uma nova carreira após concluir estes cursos

34%

consegui um benefício significativo de carreira com este curso

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Nível intermediário

Aprox. 30 horas para completar

Sugerido: 4 weeks of study, 4-6 hours/week...

Inglês

Legendas: Inglês

Programa - O que você aprenderá com este curso

Semana
1

Semana 1

11 horas para concluir

Front-end Web UI Frameworks Overview: Bootstrap

11 horas para concluir
17 vídeos (Total 194 mín.), 22 leituras, 2 testes
17 videos
How to Use the Learning Resources10min
What is Full-Stack Web Development?5min
Exercise (Video): Setting up Git6min
Exercise (Video): Basic Git Commands18min
Exercise (Video): Online Git Repositories12min
Node.js and NPM3min
Exercise (Video): Setting up Node.js and NPM2min
Exercise (Video): Basics of Node.js and NPM23min
Front-end Web UI Frameworks7min
Introduction to Bootstrap2min
Exercise (Video): Getting Started with Bootstrap14min
Responsive Design9min
Bootstrap Grid System27min
Exercise (Video): Responsive Design and Bootstrap Grid System Part 120min
Exercise (Video): Responsive Design and Bootstrap Grid System Part 214min
Assignment 1 Requirements (Video)7min
22 leituras
Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources10min
Full Stack Web Development: The Big Picture: Objectives and Outcomes10min
Full Stack Web Development: Additional Resources10min
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10min
Setting up your Development Environment10min
Exercise (Instructions): Setting up Git10min
Exercise (Instructions): Basic Git Commands10min
Exercise (Instructions): Online Git Repositories10min
Exercise (Instructions): Setting up Node.js and NPM10min
Exercise (Instructions): Basics of Node.js and NPM10min
Setting up your Development Environment: Git and Node: Additional Resources10min
Introduction to Bootstrap: Objectives and Outcomes10min
Exercise (Instructions): Getting Started with Bootstrap10min
Introduction to Bootstrap: Additional Resources10min
Responsive Design and Bootstrap Grid System: Objectives and Outcomes10min
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 110min
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 210min
Responsive Design and Bootstrap Grid System: Additional Resources10min
Assignment 1 Resources10min
Ideation: Objectives and Outcomes10min
Ideation Report Template10min
Ideation: Additional Resources10min
Semana
2

Semana 2

10 horas para concluir

Bootstrap CSS Components

10 horas para concluir
14 vídeos (Total 146 mín.), 21 leituras, 2 testes
14 videos
Exercise (Video): Navbar and Breadcrumbs30min
Icon Fonts4min
Exercise (Video): Icon Fonts12min
User Input4min
Exercise (Video): Buttons9min
Exercise (Video): Forms22min
Bootstrap Tables and Cards4min
Exercise (Video): Displaying Content: Tables and Cards18min
Images and Media5min
Exercise (Video): Images and Media11min
Alerting Users6min
Exercise (Video): Alerting Users2min
Assignment 2: Bootstrap CSS Components4min
21 leituras
Navigation and Navigation Bar: Objectives and Outcomes10min
Exercise (Instructions): Navbar and Breadcrumbs10min
Exercise (Instructions): Icon Fonts10min
Navigation and Navigation Bar: Additional Resources10min
User Input: Buttons and Forms: Objectives and Outcomes10min
Exercise (Instructions): Buttons10min
Exercise (Instructions): Forms10min
User Input: Additional Resources10min
Displaying Content: Tables and Cards: Objectives and Outcomes10min
Exercise (Instructions): Displaying Content: Tables and Cards10min
Displaying Content: Additional Resources10min
Images and Media: Objectives and Outcomes10min
Exercise (Instructions): Images and Media10min
Images and Media: Additional Resources10min
Alerting Users: Objectives and Outcomes10min
Exercise (Instructions): Alerting Users10min
Alerting Users: Additional Resources10min
Assignment 2: Resources10min
UI Design and Prototyping: Objectives and Outcomes10min
UI Design and Prototyping Report Template10min
UI Design and Prototyping: Additional Resources10min
Semana
3

Semana 3

6 horas para concluir

Bootstrap Javascript Components

6 horas para concluir
10 vídeos (Total 77 mín.), 15 leituras, 1 teste
10 videos
Tabs, Pills and Tabbed Navigation3min
Exercise (Video): Tabs11min
Collapse and Accordion5min
Exercise (Video): Accordion8min
Tooltips, Popovers and Modals5min
Exercise (Video): Tooltips and Modals15min
Carousel1min
Exercise (Video): Carousel14min
Assignment 3: Bootstrap JavaScript Components3min
15 leituras
Bootstrap JavaScript Components: Objectives and Outcomes10min
Bootstrap JavaScript Components: Additional Resources10min
Tabs and Tabbed Navigation: Objectives and Outcomes10min
Exercise (Instructions): Tabs10min
Tabs and Tabbed Navigation: Additional Resources10min
Hide and Seek: Objectives and Outcomes10min
Exercise (Instructions): Accordion10min
Hide and Seek: Additional Resources10min
Revealing Content: Objectives and Outcomes10min
Exercise (Instructions): Tooltips and Modals10min
Revealing Content: Additional Resources10min
Carousel: Objectives and Outcomes10min
Exercise (Instructions): Carousel10min
Carousel: Additional Resources10min
Assignment 3: Resources10min
Semana
4

Semana 4

11 horas para concluir

Web Tools

11 horas para concluir
17 vídeos (Total 220 mín.), 22 leituras, 2 testes
17 videos
Exercise (Video): Bootstrap and JQuery10min
Exercise (Video): More Bootstrap and JQuery11min
CSS Preprocessors: Less and Sass10min
Exercise (Video): Less8min
Exercise (Video): Scss8min
Assignment 4: Bootstrap, JQuery and Sass4min
Building and Deployment10min
NPM Scripts4min
Exercise (Video): NPM Scripts Part 112min
Exercise (Video): NPM Scripts Part 228min
Task Runners4min
Exercise (Video): Grunt Part 119min
Exercise (Video): Grunt Part 230min
Exercise (Video): Gulp Part 116min
Exercise (Video): Gulp Part 220min
Front-End Web UI Frameworks: Bootstrap 4: Conclusions2min
22 leituras
Bootstrap and JQuery: Objectives and Outcomes10min
Exercise (Instructions): Bootstrap and JQuery10min
Exercise (Instructions): More Bootstrap and JQuery10min
Bootstrap and JQuery: Additional Resources10min
CSS Preprocessors: Objectives and Outcomes10min
Exercise (Instructions): Less10min
Exercise (Instructions): Scss10min
CSS Preprocessors: Additional Resources10min
Assignment 4: Additional Resources10min
Building and Deployment: Objectives and Outcomes10min
Exercise (Instructions): NPM Scripts Part 110min
Exercise (Instructions): NPM Scripts Part 210min
Building and Deployment: NPM Scripts: Additional Resources10min
Building and Deployment: Task Runners10min
Exercise (Instructions): Grunt Part 110min
Exercise (Instructions): Grunt Part 210min
Exercise (Instructions): Gulp Part 110min
Exercise (Instructions): Gulp Part 210min
Building and Deployment: Task Runners: Additional Resources10min
Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions10min
Project Implementation: Objectives and Outcomes10min
Final Report Template10min

Avaliações

Principais avaliações do FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4
Visualizar todas as avaliações

Sobre Universidade de Ciência e Tecnologia de Hong Kong

HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world....

Perguntas Frequentes – FAQ

  • Ao se inscrever para um Certificado, você terá acesso a todos os vídeos, testes e tarefas de programação (se aplicável). Tarefas avaliadas pelos colegas apenas podem ser enviadas e avaliadas após o início da sessão. Caso escolha explorar o curso sem adquiri-lo, talvez você não consiga acessar certas tarefas.

  • Quando você se inscreve no curso, tem acesso a todos os cursos na Especialização e pode obter um certificado quando concluir o trabalho. Seu Certificado eletrônico será adicionado à sua página de Participações e você poderá imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, você poderá frequentá-lo como ouvinte sem custo.

Mais dúvidas? Visite o Central de Ajuda ao Aprendiz.