Activity 33: Angular Recipe GridCreate a List of Object Data Structures recipe.service.ts import { Injectable } from "@angular/core"; import { Recipe } from "./recipe.model"; @Injectable({ providedIn: 'root', }) export class RecipeService { getRecipes(): Recipe[] { ...Nov 29, 2024·3 min read
Activity 25: SOLID PRINCIPLES in AngularUnderstanding SOLID Principles in Angular The SOLID principles form a foundation for writing clean, scalable, and maintainable software. These five principles help developers avoid bad design, tight coupling, and reduce the complexity of code. In thi...Oct 17, 2024·4 min read
Activity 24: POSTMANGo to postman Website and download the software After you download run the setup Input the ff steps click the sign up google now you are in the dashboard click the plus icon click rest API basic now you have GET, POST, PUT, and DELETE GET: ...Oct 13, 2024·1 min read
Activity 23: Research Angular ServicesAn Angular service is a class that provides functionality and logic that can be shared across multiple components in an application. It is typically used to encapsulate business logic, interact with APIs, manage state, or perform other tasks that do ...Oct 11, 2024·16 min read
Activity 22: Research SMACSS - Scalable and Modular Architecture for CSSWhat is SMACSS? SMACSS (Scalable and Modular Architecture for CSS) is a CSS architecture designed to organize CSS into manageable categories for large projects. By dividing styles into specific categories, SMACSS improves the scalability and maintain...Oct 4, 2024·2 min read
Act 21 Research OOCSS - Object-Oriented CSSWhat is OOCSS? Object-Oriented CSS (OOCSS) is a methodology aimed at making CSS more reusable, maintainable, and scalable. It treats UI components as objects and encourages separating the structure (layout) from the visual design (skin). Core Princip...Oct 4, 2024·2 min read
Activity 20: Research BEM - Block, Element, Modifier - ArchitectureWhat is BEM? BEM stands for Block, Element, and Modifier, a popular naming convention for writing CSS in a modular, maintainable, and reusable way. It ensures code readability and helps manage larger projects by avoiding CSS conflicts. BEM Terminolog...Oct 4, 2024·2 min read
