Search
- Getting Started
- MDB Angular Pro
- Layout
- Utilities
  - Borders
  - Clearfix
  - Close icon
  - Display
  - Embeds
  - Flexbox
  - Float
  - Image replacement
  - Overflow
  - Position
  - Screenreaders
  - Sizing
  - Spacing
  - Text
  - Vertical align
  - Visibility
- Content
  - Code
  - Figures
  - Icons usage
  - Icons list
  - Images
  - Typography
- CSS
  - Demo
  - Animations
  - Background image
  - Color combination
  - Colors
  - Gradients
  - Hover effects
  - Masks
  - Shadows
  - Skins
  - Parallax
  - Text color
  - Variables
- Components
  - Demo
  - Alerts
  - Buttons
  - Button group
  - Buttons social
  - Cards
  - Dropdowns
  - Jumbotron
  - List group
  - Loader
  - Panels
  - Pagination
  - Progressbars
  - Steppers
  - Tabs & pills
  - Tags, labels & badges
  - Treeview
- Advanced
  - Accordion
  - Carousels
  - Collapse
  - Charts
  - Gallery
  - Google maps
  - Lightbox
  - Mobile
  - Notification
  - Popover
  - Smoothscroll
  - StickyContent
  - Tooltip
- Navigation
  - Compositions
  - Breadcrumbs
  - Footer
  - Hamburger Menu
  - Mega Menu
  - Navs
  - Navbars
  - ScrollSpy
  - SideNav
  - Sticky Header
- Forms
  - Autocomplete
  - Auto format inputs
  - Basic
  - Checkbox
  - Contact form
  - Date picker
  - File input
  - Inputs
  - Input groups
  - Multiselect
  - Radio
  - Search
  - Select
  - Slider
  - Switch
  - Textarea
  - Time picker
  - Validation
- Tables
  - Basic examples
  - Additional examples
  - Datatables
  - Editable
  - Pagination
  - Responsive
  - Scroll
  - Search
  - Sort
- Modals
- Sections
  - Blog
  - Contact
  - E-commerce
  - Features
  - Intros
  - Magazine
  - Projects
  - Social
  - Team
  - Testimonials
- Directives
  - mdbInput
  - Waves effect
- Tutorials
- Plugins & addons
- Admin Dashboard Free
- Admin Dashboard Pro
- Firebase Backend Free
- MDB Angular 5 Alpha

Setting up the Angular environment

Author: Dawid Adach

If you have started this tutorial from scratch — your environment is ready and you can navigate to next lesson directly. Otherwise please navigate to these two tutorials to set up your environment — this will be required for later lessons.

1. Angular environment installation (Node.js, NPM)

2. Angular and Angular CLI installation and testing

Once you finish your installation, come back and navigate to the next lesson.

Previous lesson Next lesson

Spread the word:

Do you need help? Use our support forum

About the author

Dawid Adach

For more than 5 years Dawid worked as an IT Consultant specializing in SOA/EAI/ESB in the banking domain. He gained experience working in countries like Netherlands, Belgium, Poland and India developing enterprise-class systems for the most prestigious companies. Since co-founding mdbootstrap.com & brandflow.net in 2016 he has been using and teaching technologies such as Angular, TypeScript, PHP, AJAX, Mongo, SQL, Hadoop Stack, Virtualization, Automation and many others...