A.V.

PAREKH TECHNICAL INSTITUTE, RAJKOT

COMPUTER ENGINEERING DEPARTMENT

Workshop on “Front-end Web Development with Angular”

Workshop schedule
Day Time Session Plan
11:00 to 1:00 pm Session1: Introduction to npm and Angular, Environment setup
and Project Structure, Modules, Components, Directives.
Lunch Break
Day-1 2:00 to 3:30 pm Session2: Databinding and Interpolation: Property Binding,
16-05-2023 Event Binding, String Interpolation, Pipes.
(Tuesday) Tea Break
3:45 to 5:15 pm Session3: Understanding the Component Lifecycle, Lifecycle
Hooks, Custom components with Templates and Styles,
Creating Views and View Encapsulation, @ViewChild,
@ContentChild
11:00 to 1:00 pm Session4: Routing in Angular: Setting up and Loading Routes,
Navigating with Router Links, Passing Parameters to Routes,
Fetching Route Parameters.
Lunch Break
Day-2
2:00 to 3:30 pm Session5: Forms with Angular: Two-Way-Databinding and
17-05-2023
Forms Module.
(Wednesday)
Tea Break
3:45 to 5:15 pm Session6: Services in Angular: Using Services and Dependency
Injection, Inbuilt Services and Custom Services, Observables in
Angular: Understanding and Analyzing Angular Observables,
Creating Custom Observables

Hands-on Exercise

 Create a ToDo App using Angular

 Create a different view and set up routing for an AddressBook which contains multiple
contact details and add/update/delete functionality.
 Using http service fetch contact details and list all on the home page. Implement
add/update/delete functionality for contacts.

Experts (Faculty Of Technology CE/IT Marwadi University)

 Prof. Tejas Chauhan (tejas.chauhan@marwadieducation.edu.in)
 Prof. Samir Kariya (samir.kariya@marwadieducation.edu.in)