Erciyes University - Info Package

Dersin Adı	Dersin Seviyesi	Dersin Kodu	Dersin Tipi	Dersin Dönemi	Yerel Kredi	AKTS Kredisi	Ders Bilgileri
FRONT-END DEVELOPMENT	Birinci Düzey	YZ 302	Zorunlu	6	5.00	5.00	Yazdır

Dersin Tanımı

Ön Koşul Dersleri	-
Eğitimin Dili	English
Koordinatör	DR. ÖĞR. ÜYESİ BİLGE KAĞAN DEDETÜRK
Dersi Veren Öğretim Eleman(lar)ı	DR. ÖĞR. ÜYESİ BİLGE KAĞAN DEDETÜRK
Yardımcı Öğretim Eleman(lar)ı	-
Dersin Veriliş Şekli	Formal education
Dersin Amacı	This course teaches students how to build modern web applications using the Angular framework. Students will learn TypeScript fundamentals, component-based architecture, routing, forms, HTTP communication, state management, testing, and performance optimization. By the end, students should be able to develop, test, and deploy production-ready single-page applications.
Dersin Tanımı	FRONT-END DEVELOPMENT

Dersin İçeriği

1	Introduction to Angular. Setting up the Angular CLI workspace, creating a new project, understanding the project structure, bootstrapping, and Angular tooling (DevTools, VSCode).
2	TypeScript fundamentals. Variable declarations, arrow functions, optional chaining, nullish coalescing, types, interfaces, generics, and classes.
3	Structuring user interfaces with components. Component creation, template syntax, data binding, class and style binding, input/output bindings, and event emitters.
4	Component lifecycle and advanced component features. Lifecycle hooks, change detection strategies, encapsulating CSS, accessing child components, and local reference variables.
5	Pipes and directives. Built-in and custom pipes, passing parameters to pipes, building custom directives, property binding, and dynamic data display.
6	Services and dependency injection. Creating services, constructor injection, the inject keyword, component-level and root-level providers, and overriding providers.
7	Reactive patterns. Callbacks, promises, observables, RxJS operators, subscribing/unsubscribing, and the async pipe. Signals, computed signals, and RxJS interoperability.
8	Midterm exam.
9	HTTP communication. Angular HTTP client, setting up a backend API, CRUD operations, authentication, authorization, and intercepting HTTP requests.
10	Routing. Configuring routes, route parameters, child routes, query parameters, lazy loading, route guards, and prefetching route data.
11	Forms. Template-driven forms, reactive forms, form builders, nested form groups, dynamic forms, built-in and custom validators, and form state management.
12	Error handling and Angular Material. Runtime error handling, global error handlers, HTTP error catching. Material Design components: form controls, navigation, layout, dialogs, and notifications.
13	Unit testing. Testing components, services, pipes, directives, forms, and routing. Stubs, spies, component harnesses, and asynchronous test strategies.
14	Building and deploying applications. Build configurations, environment management, bundle optimization. SSR, SSG, Core Web Vitals, image optimization, and deferrable views.
15	Final exam.
16
17
18
19
20

Dersin Öğrenme Çıktıları

1	Ability to set up an Angular project using the Angular CLI and understand the project structure.
2	Ability to use TypeScript features including types, interfaces, generics, and classes for Angular development.
3	Ability to build reusable components with input/output bindings, lifecycle hooks, and change detection strategies.
4	Ability to create custom pipes and directives to manipulate data and DOM behavior.
5	Ability to manage application state using services, dependency injection, observables, and signals.
6	Ability to communicate with backend APIs using the Angular HTTP client for CRUD operations, authentication, and authorization.
7	Ability to implement client-side routing with route parameters, guards, lazy loading, and data prefetching.
8	Ability to build and validate template-driven and reactive forms.
9	Ability to write unit tests for components, services, pipes, directives, and routing.
10	Ability to build, optimize, and deploy Angular applications for production environments.

*Dersin Program Yeterliliklerine Katkı Seviyesi

1	Applies engineering knowledge related to mathematics, science, basic engineering, and computer-based calculations to solve engineering problems.
2	Gains the ability to develop engineering solutions using discipline-specific knowledge and methods.
3	Defines complex engineering problems and formulates them using fundamental science and engineering knowledge.
4	Defines and analyzes solutions to problems, taking into account the UN Sustainable Development Goals.
5	Designs creative solutions to complex engineering problems.
6	Gains the ability to design complex systems, processes, devices, or products by considering realistic constraints in the engineering problem-solving process.
7	For the analysis and solution of complex engineering problems, selects and effectively applies appropriate methods, techniques, resources, and modern engineering and computing tools, including estimation and modeling.
8	Aware of the limitations of the methods, techniques, and IT tools used, it produces and implements appropriate solutions.
9	Conducts literature research to examine complex engineering problems and collects data within the scope of these studies.
10	Using research methods, the student designs and conducts experimental or applied studies, analyze and evaluate the results.
11	Within the scope of the UN Sustainable Development Goals, the student is knowledgeable about the impacts of engineering solutions on society, health and safety, the economy, sustainability, and the environment, and analyze these impacts.
12	Gains awareness of the legal consequences of engineering solutions.
13	The student acts in accordance with professional principles and legal regulations in engineering practice and acquires knowledge about ethical responsibilities.
14	Gains awareness about non-discrimination, impartiality, and inclusiveness of diversity.
15	Gains the ability to work effectively as an individual, team member, or team leader in intra-disciplinary or multi-disciplinary team projects.
16	Gains the ability to communicate effectively in technical matters, both verbally and in writing by taking into account the differences in the target audience''s education, language, and profession.
17	Gains the ability to apply project management principles, perform time and resource planning, and conduct economic feasibility analysis.
18	Gains awareness about entrepreneurship and innovation.
19	Gains the ability to adapt to new and emerging technologies and to evaluate technological changes with a questioning and critical perspective.
20	Gains the ability to independently and continuously learn new knowledge and skills.
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
Yıldızların sayısı 1’den (en az) 5’e (en fazla) kadar katkı seviyesini ifade eder

Planlanan Öğretim Faaliyetleri, Öğretme Metodları ve AKTS İş Yükü

	Sayısı	Süresi (saat)	Sayı*Süre (saat)
Yüz yüze eğitim	14	3	42
Sınıf dışı ders çalışma süresi (ön çalışma, pekiştirme)	14	2	28
Ödevler	0	0	0
Sunum / Seminer hazırlama	0	0	0
Kısa sınavlar	0	0	0
Ara sınavlara hazırlık	1	10	10
Ara sınavlar	1	2	2
Proje (Yarıyıl ödevi)	1	20	20
Laboratuvar	0	0	0
Arazi çalışması	0	0	0
Yarıyıl sonu sınavına hazırlık	1	15	15
Yarıyıl sonu sınavı	1	2	2
Araştırma	0	0	0
Toplam iş yükü			119
AKTS			5.00

Değerlendirme yöntemleri ve kriterler

Yarıyıl içi değerlendirme	Sayısı	Katkı Yüzdesi
Ara sınav	0	0
Kısa sınav	0	0
Ödev	0	0
Yarıyıl içi toplam		0
Yarıyıl içi değerlendirmelerin başarıya katkı oranı		0
Yarıyıl sonu sınavının başarıya katkı oranı		0
Genel toplam		0

Önerilen Veya Zorunlu Okuma Materyalleri

Ders kitabı
Yardımcı Kaynaklar

Ders İle İlgili Dosyalar

DBP Hakkında

Ders Hakkında

Bölüm Hakkında