Framework Angular: Les bases et principes

Angular applications are typically single-page applications (SPAs) which aim to provide a dynamic and interactive user experience on a single web page. They load a single HTML page, and all content is dynamically updated as the user interacts with the application.

Angular services are responsible for managing business logic and interacting with backend operations. They act as central hubs for sharing data and functionalities among different components of the application.

Data binding in Angular automates the synchronization of data between the view (what the user sees) and the model (the application's data). This eliminates manual DOM manipulation, simplifying development and improving reactivity.

Angular directives are used to extend and enhance HTML with new behaviors and functionalities. They can add conditional logic to modify elements, create reusable components, or manipulate the DOM structure.

Angular modules organize code into reusable and independent units. Each module encapsulates components, services, and other resources, creating a well-structured application that's easy to maintain and extend.

Angular pipes transform and format data directly within templates. They allow you to modify the presentation of information without altering the underlying model data.

TypeScript, a superset of JavaScript, introduces static typing to Angular. This improves code readability, catches errors early on, and makes the code more reliable.

Data binding is the core principle of Angular. It establishes a two-way connection between the view (what the user sees) and the model (the application's data). Changes in one reflect instantly in the other, providing a smooth and responsive experience.

SPAs built with Angular offer a smooth and seamless user experience, eliminating page reloads for fast navigation. The application's core functionalities are loaded once, and updates happen dynamically.

The ng new command is used to create a new Angular project. This command initializes the project structure, including essential files, configurations, and dependencies.

Adding the --skip-tests option when using ng new will prevent the automatic creation of test files in your initial project structure. This option is helpful if you don't need them immediately or want to manage testing separately.

The --style option in ng new allows you to specify your preferred styling language (e.g., CSS, SCSS, Sass) for generated files in your Angular project. Choose your favorite to stay consistent.

The ng serve command builds your Angular project, starts a local development server, and allows you to preview your application in a browser. You can inspect code and see changes instantly without deploying to a live server.

You can modify the default port used by ng serve by adding the --port option followed by the desired port number. This is useful if the default port is already occupied or if you need to specify a specific port for your application.