Angular Framework Intermediate - Quality Code and UI
By Yirsis Serrano | IT Administrator and Fullstack Developer
15 day refund guarantee
This course includes:
▪️ 24h 55m duration on demand
▪️ 181 lessons
▪️ 1 downloadable resources
▪️ Available on mobile devices
▪️ Access forever
▪️ Language:
- Spanish
▪️ Unlimited consultations
✦ Bonus: PDF descargable
⚑ Certificate of completion
What you will learn
What you will learn
🟧 Understand and apply advanced Angular concepts: Gain in-depth knowledge of Angular's architecture, including its use of object-oriented programming and module-based development.
🟧 Develop scalable and high-performance web applications: Use development best practices to build robust and optimized web applications.
🟧 Write clean, modular, and reusable code: Implement code writing techniques that facilitate application maintenance and scalability.
🟧 Apply good development practices in real projects: Learn to use design patterns, efficient folder structures, and teamwork methodologies with Git and GitHub.
🟧 Integrate additional technologies into Angular applications: Use additional UI tools and frameworks, such as CSS frameworks and Storybook, to improve user experience and component documentation.
🟧 Implement innovative and collaborative solutions in development teams: Collaborate effectively with other developers and propose innovative solutions to web development challenges.
Course content
Course content
U1: Facilities
- Course Repository
- Installation Gist
- Necessary facilities
- Necessary Extensions
- Recommended Extensions
- Bonus: Course wallpaper
U2: Package Manager - pnpm
- Introduction to package managers
- Installing pnpm
- Advantages and use of pnpm
- pnpm in Angular
U3: Traditional Scaffold
- Project creation
- Shared Module
- Pages Module
- Auth Module
- Shared Components
- Abstract Modules
U4: Traditional Scaffold
- Root Module
- Core Module
- Interceptors
- Models
- Enums, Interfaces and more
- Shared Module
- Layout Module
- Pages Module
- Bootswatch
- Abstract Modules
- Smart and Dumb Pattern
- Smart Components
- Section Overview
U5: GitFlow
- GitFlow Structure
- Implementing GitFlow
- Features
- Conflicts with Merge
- Semantic versioning and Tags
- GitHub Releases
- Aliases in Bash
- My Git Aliases
U6: JSDoc and Docstrings
- Importance of documenting
- Basic Docstrings
- More from Docstrings
- Generating documentation with JSDocs
U7: Introduction to Monorepos
- Monorepos and Multirepos
- Difference between Monorepo and Micro-Frontend
U8: Traditional Scaffold
- Introduction to Nx Workspace
- Create Monorepo with Nx
- Structure of a Monorepo
- Getting started with Nx
- Including Bootstrap CDN
- Creating Components with Nx
- Angular style commands in Nx
- Angular Configuration File
- Creating Project with Routing
- Routing Libs
- Shared UI Libs
- Custom Directives
- Nx Graphs
- BONUS: Nx Console
U9: Monorepos Deployment
- Local Build and Deployment
- Deployments on Netlify
U10: Storybook
- What is Storybook?
- Add Storybook to Project
- First Story
- Props and Module Metadata
- Docs and ArgTypes
- Rounded Story
- Scaling Components
- Custom Background
- Custom Text Color
U11: Storybook deployment
- Compile Storybook
- Deployment to GitHub Pages
U12: Angular and Docker
- Docker Installation
- Creating the Angular project
- Dockerfile and Dockerignore
- http-server and Docker
- Image Construction
- Creating App Containers
U13: CSS Frameworks
- Introduction to frameworks
- Installing Tailwind on Angular
- Simple layout in Tailwind
- Creating a new project
- Installations via CDN
- Installation via node_modules
- Customizing Bootstrap
- Installation via Files
U14: UI Frameworks
- Angular Material Installation
- Creating Navbar and Sidebar
- Laying out a Dashboard with Angular Material
- Installing PrimeNG
- Section closure
U15: FINAL PROJECT: Portfolio with PrimeNG
- Starting the Project
- Menu Component
- pTemplate and Logo in Menu
- Items and Icons
- Routing
- Cards and Home Page
- PrimeFlex
- Break Points
- Laying out a project
- Listing Projects
- Skills Page
- Finishing the portfolio
Course evaluation
- This course contains a final exam
G-Tools: For Students
- Exclusive access to cutting-edge student tools: improve your employability, participate in exclusive events, take advantage of our intelligent virtual assistant, and more.
⚑ Certificate of completion
Your personalized digital certificate, a unique badge of your achievements, with international validity, course duration and QR code for instant verification.
__
Downloadable resources:
📎 Guías Descargable.
♦ PDF descargable
Description
Description
✔️ The Angular Framework Intermediate Course is a complete and comprehensive training designed for developers who want to take their Angular skills to the next level.
Angular is a technology developed and maintained by Google that has established itself as one of the most powerful and widely used in the development of modern web applications.
This course, offered by G-Talent.Net, will allow you to master the most advanced concepts of Angular, providing you with the necessary tools to create high-performance, scalable web applications with an intuitive, professional-quality user interface (UI).
Throughout the course, you will learn to develop applications using industry best practices, writing clean, modular and reusable code that makes projects easy to maintain and scale.
Additionally, you will explore how to integrate Angular with other UI technologies and frameworks to create beautiful and efficient interfaces.
You will also gain skills in working with tools such as Git and GitHub, employing branching methodologies and development patterns that optimize team collaboration and version control.
The course is structured into several units that cover everything from initial development environment setup and configuration to implementing monorepos and creating documentation with Storybook. Topics such as CSS frameworks and Angular integration with Docker are explored in depth, providing comprehensive training covering all aspects of Angular development.
Additionally, upon completion, you will have the opportunity to apply your knowledge in a final project, building a portfolio with PrimeNG that reflects your acquired skills.
Companies from all industries invest in the development of their teams with this course from G-Talent and Yirsis Serrano
Yirsis Serrano
IT Administrator and Fullstack Developer
About Yirsis Serrano
About Yirsis Serrano
IT Administrator and Fullstack Developer
Expert in software development and information technology, with a solid background in various areas of computing. Yirsis Serrano has multiple certifications and extensive professional experience as a Fullstack Developer, managing various Stacks and frameworks in different programming languages. His passion for knowledge has led him to share his experience through training on the Udemy platform and free educational content on his YouTube channel.
Yirsis has demonstrated a strong commitment to technology education, creating high-quality and accessible content aimed at beginners and advanced professionals alike. His innovative and practical approach to teaching is reflected in each of his classes, designed to offer a complete and accessible educational experience for all levels.
As a G-Talent instructor, Yirsis offers teaching aligned with the latest technological advances, ensuring that his students acquire the skills necessary to excel in the competitive world of technology and software development.
In addition to his role as an instructor, Yirsis has collaborated on numerous software development projects, applying his expertise in Fullstack technologies to create efficient and robust solutions.
What makes Yirsis different?
▪️ Broad and Diversified Experience: With a solid foundation in IT administration and Fullstack development, Yirsis has a comprehensive approach that covers everything from software architecture to implementation.
▪️ Recognized Certifications: Has multiple certifications in various areas of computing, which guarantees a level of teaching aligned with international standards.
▪️ Focus on Practical Education: Yirsis specializes in creating courses that combine theory with real-world practical applications, making it easier for students to apply what they have learned in real-world situations.
Discover the added value: G-Tools and much more
In addition to high-quality content, this course gives you access to G-Tools, a suite of tools and resources designed to enhance your learning and your career.
Employability support resources, live events and take advantage of Aixa.IA's artificial intelligence to resolve your questions at any time.
Los cursos se actualizan regularmente, lo que significa que siempre estoy aprendiendo las últimas tendencias y técnicas en mi área de interés.
El equipo de soporte es muy amable y siempre está dispuesto a ayudar. Responden rápidamente a cualquier duda que tenga.
Los recursos y materiales proporcionados son de alta calidad. Las presentaciones y videos son muy profesionales y enriquecen el aprendizaje.
Me encanta que puedo estudiar a mi propio ritmo. Puedo acceder a los cursos en cualquier momento, lo que se adapta perfectamente a mi estilo de vida.
Los profesores son expertos en sus campos y explican los conceptos de manera clara y concisa. ¡Se nota que saben lo que hacen!
La plataforma tiene un diseño moderno y atractivo que hace que aprender sea aún más placentero.
Muchos cursos incluyen proyectos prácticos que me permiten aplicar lo que he aprendido de inmediato.
Los cursos son de alta calidad, con instructores expertos que realmente te enseñan.
Desde desarrollo web hasta marketing digital, siempre encuentro algo que me interesa.
Explore other courses from Yirsis Serrano
Discover other courses and learn something new today. Learn from the best!
-
Angular Framework Intermediate - Quality Code and UI
★★★★★(10)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(10)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(10)$13.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(10)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(8)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(8)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(9)$15.99 USD$59.99Unit price /Unavailable -
Angular Framework Intermediate - Quality Code and UI
★★★★★(10)$15.99 USD$59.99Unit price /Unavailable
Best Selling Courses in Personal Development
-
Handling Difficult People at Work: Effective Strategies to Improve Your Work Environment
★★★★★(18)$15.99 USD$59.99Unit price /Unavailable -
-
-
-
-
Analytics and Artificial Intelligence with Power BI
★★★★★(10)$15.99 USD$75.00Unit price /Unavailable -
ChatGPT for Professional Tasks and Microsoft Office
★★★★★(13)$15.99 USD$67.00Unit price /Unavailable -
-
-
B2B Consultative Sales: Innovation and techniques for extraordinary results
★★★★★(9)$15.99 USD$97.00Unit price /Unavailable -
-
-
-
-
-
-
-
Training of Internal Auditors in Quality Management Systems
★★★★★(179)$15.99 USD$74.99Unit price /Unavailable
What to expect from G-Talent courses?
-
Study at your own pace
Get video courses, taught by top instructors, to study at your own pace
-
Learn from the best
Provides high quality courses developed by carefully selected experts
-
Quality guaranteed
Not sure? All our courses offer a 15-day success guarantee
-
Permanent accompaniment
Learn at your own pace, with lifelong updates, access and support.
-
Personalized certificate
Get a world-class certificate, with international validity and a unique encrypted QR code
-
G-Tools: For Students
Find all the tools you need for your employability in one place.