Front-end world from an “Angular” perspective
What Will You Get
Meet the Speaker
In the past, Angel has led many seminars and workshops, including HowCamp (with his topic “AngularJS is cool”), MobCon Europe (“Optimize real-life application with devtools”), Front-end skills and DevTalks events across the whole country.
His “professional” career started in Varna, where he managed to sell over 2 tonnes of corn and ice cream in three years. Recognizing that there is no perspective in the latter, he went to England, where he studied Aerospace Engineering. Realizing how little he knew about both corn and planes, he went back to Bulgaria to pursue his hobby in computers.
- The Framework-agnostic state of FE in 2017
- Tooling – once a choice, now necessary
- Linters/ Build tools/ CLI/ Enforceable styleguides
- Test tools
- Components, components, components
- Module systems
- Components composition
- Component types
- State management
- Rules of thumb – reusability, encapsulation, ease of use
- Typescript overview
- Statically analysis – lexers, parsers, transformers, transpilers, type checkers
- Typescript compared to ES6/7
- Angular CLI
- Project scaffolding
- Project structure and generated bundles exploration
- Building, serving and optimizing
- Other setup
- Folder Structure
- Styling type
- Linter rules
- TsConfig aliases
- Code Editor settings
- Angular Components and Modules
- Separation of concerns
- Modules concept
- Component Communication (Inputs, Outputs)
- Components Basic Styling
- Content Projection
- Creating container (stateful) and presentational (stateless) components
- Encapsulation types
- Shadow dom, Shadow boundary piercing
- Reusable styles and styling methodologies
- 3rd party assets
- Routing Modules
- Feature Modules/Lazy Loading
- Auxiliary routes, parameters
- Using the title service in combination with Router
- Best practices
- Typed Responses
- Dependency Injection
- Why is it so nice to have it?
- Angular Implementation
- Interface based programming in the browser?
- Advanced dependency swapping techniques
- Why did Angular choose it?
- Performance optimizations
- Data-binding and Change Detection
- Two vs one-way databinding
- Types of Change Detection
- Angular types of Change Detection
- Declarative forms
- Form Validation and custom validators
- Custom Controls with Examples
- Reactive Forms and their advantages
- Nested Forms
- Cool tricks with valueChanges()
- Web Animations API
- Angular’s DSL
- Actually controllable animations that are as performant as CSS ones
- Animation Callbacks
- What is it all about?
- Rebuild it from scratch
- Build a custom autocomplete control with one stream and the power of operators
- How it fits in Angular and what we can use it for
- State Management
- Multi-leaf state management problems and mutability
- How to easily improve performance with immutability
- State management made easy with Redux
- Recreate it from scratch
- Redux concepts
- Powerful debugging with a showcase
- Combines the best from redux and ngrx
- Allows for sane state management by easily separating side effects from pure functions
- Exposes state as observable and utilizes the power of rxjs’s operators
- Why do we need it?
- Setting it all up
- Unit testing
- Unit testing Components and Pipes
- Unit testing Services
- Unit testing Side Effects
- E2E testing
- Running in CI
- Differences between tests
- Performance optimizations via AoT
- AoT – code parsing and generation
- Hidden Classes
- Build optimization
- Interactive performance optimization
- Angular’s goal for the future
- General performance optimization guidelines
- Mindful imports
- Using tslint’s remove unused imports as an IDE config
- Sourcemaps explorer
- Modules structure
- Selective intent preloading techniques
- Server Side Rendering
- Why do we need it?
- Render the application on different platforms
- Example with express
- Client-side Hydration
- Made easy with angular cli
- What we gain?
- Cool features
SENIOR FRONT-END DEVELOPER
“This course provides fundamental knowledge on how to set up and implement a project from start to end using best practice advice and much needed explanation on all the necessary ingredients for a functioning project. Angel is really knowledgeable and seems to have been through most of what Angular offers and wants to share it. I am genuinely impressed with how much useful content he has actually managed to include in this short course.”
SOFTWARE DEVELOPMENT LEAD – LAMP
“The course is а profound insight into the Angular world. Along with this, there are extra topics and examples related to frontend programming as debugging tools, ECMAScript 6, Typescript, which is very helpful in developing the Angular SPA app. The course is very practical as the theoretical part, which covers the very basic structure of the angular itself, is then practised with specific examples.
Angel is a very good front-end professional with the best knowledge in Angular I have met. He has been practicing it since Angular 1 and knows all the changes from the beginning. Angel has perfect presentations skills which make the course even more interesting and engaging.”
SENIOR .NET DEVELOPER
“Really impressive course, with a broad range of interesting Angular-specific and general front-end topics, very well structured and balanced. One of the best courses I’ve attended.
Thanks to Angel, who is a great professional. He is eager to share his extraordinary skills. He goes above and beyond to cover any aspect of the topics involved. Significantly focused on the practical than the theoretical journey.
I’m looking forward to the next course cooked by Angel.”
MentorMate DevTalks is a community for sharing knowledge, experience, and inspiration with the people in the software development industry. We strongly believe that this is the way to become better at what you are doing and therefore, to make the whole community better.
We decided to create a variety of events for developers by developers, to share our knowledge within the IT community, where we can discuss the best modern practices, tools, and ways to write high-quality code.
We try to inspire the change for good by sharing high-quality information, practical examples, and experience to help software engineers provide the best solutions for any problem. Our lecturers are industry’s leading experts, known for using innovative approaches in their work.
Take part in our events if you want to catch up with the newest software trends, connect with industry experts, share your passion, and grow your skills.