Angular Crash Course | Angular in Tamil | Ecommerce Application | Tamil Skillhub

Angular Crash Course | Angular in Tamil | Ecommerce Application | Tamil Skillhub

Tamil Skillhub

55 лет назад

351 Просмотров

In this video you will learn about the basics and implementation of angular concepts in real time


Before watching this video you can have a look on below video of easy understanding of angular


HTML - https://youtu.be/Uv9jnRTs-Kc
CSS - https://youtu.be/CHLepQx4Wf4
JS - https://youtu.be/Na-tVCilSns




Following topics covered
00:00 Angular Intro
04:19 Angular Version
04:40 Environment local setup
13:49 Create Ui Components
19:50 Included Routing Module
22:03 Added routing link to anchor tag
23:00 Utilized the product list from json data
23:45 Passing data from Component to Html and Html To Component
38:50 Getting data from Routing url
28:36 Passing data to Child Component
32:40 Passing data to Parent Component
44:37 Created Common service to share the data across application
49:50 Utilize the common service created in component
57:00 Integrate the api to get list of products instead of json data
01:11:08 Deploy the application on cloud (Netlify)


Commands we used
1. npm install -g @angular/cli --- install command line interface tools to execute angular commands
2. ng new my-app --- Created new Angular app named my-app
3. npm start --- To start the angular application
4. ng generate component component-name --- Create components in angular named component-name
5. ng generate service service-name --- Create service to utilize in all components named service-name

Тэги:

#Angular_in_Tamil #Angular_for_Beginners #Angular_Full_course_in_Tamil #Angular_Basic_Concepts_in_Tamil #Angular_Tutorial #Angular_Crash_Course_in_Tamil #Angular_Beginners_Project_in_Tamil #Angular_Environment_Setup #Angular_Ecommerce_Application #Angular_Basics_Concepts #Web_Development #Frontend_development #share_data_between_components #api_integration_in_angular #created_common_service_for_angular #Property_binding #event_binding #added_routing_to_Angular
Ссылки и html тэги не поддерживаются


Комментарии: