Styling an Angular Application With Bootstrap Počítačový Kurz

Kód kurzu


Doba trvání

14 hodiny obvykle 2 dny včetně přestávek


  • An understanding of Angular
  • Experience with TypeScript


  • Developer


Bootstrap is an HTML, CSS, and JavaScript framework used for creating front-end web applications. Bootstrap can be used with JavaScript frameworks, such as Angular, to build dynamic single-page and multi-page web applications.

This instructor-led, live training (online or onsite) is aimed at developers who wish to use bootstrap to create, build, and style an Angular application.

By the end of this training, participants will be able to:

  • Set up the necessary development environment to start styling Angular application using Bootstrap.
  • Style HTML properties using Bootstrap elements.
  • Use form controls and classes to stylize single-page documents.
  • Create a client-side application that routes templates and components.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.

Návrh Školení


Angular and JavaScript Frameworks

  • Processes and modules used in Angular to create web applications

Designing Web Applications with Bootstrap

  • Processes and modules used in Boostrap to style web applications

Overview of the Front-End Development Cycle

  • Front-end versus back-end
  • JavaScript/TypeScript logic, CSS templates, and HTML templates

Preparing the Development Environment

  • Installing and Configuring Angular CLI
  • Creating a new Angular application
  • Organizing folders and directories
  • Setting up and managing a version control system (GitHub, GitLab, etc.)

Developing the Application

  • Running the new Angular application on a development server
  • Generating components with Angular CLI

Styling the Application

  • Installing and configuring Bootstrap
  • Installing and configuring a font and icon toolkit based on CSS
  • Importing components to the specific route location as an object
  • Creating presentation templates using Bootstrap elements
  • Generating the UiModule in the application
  • Implementing app components
  • Implementing Navbar components

Testing the Application

  • Automating browser refreshing after code changes
  • Running Ng serve to find code errors

Deploying the Application

  • Managing the Angular application on a localhost server

Securing the Application


Summary and Conclusion



Související kategorie

Související kurzy

Slevy Kurzů

Informační Bulletin Slev

Respektujeme soukromí vaší e-mailové adresy. Vaši adresu nebudeme předávat ani prodávat ostatním.
Vždy můžete změnit své preference nebo se úplně odhlásit.

Někteří z našich klientů

is growing fast!

We are looking to expand our presence in Czech Republic!

As a Business Development Manager you will:

  • expand business in Czech Republic
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!

This site in other countries/regions