Pengumuman! Cek Eligibilitas Magang Nasional Batch 3 Tahun 2026 Sudah Dibuka. Segera cek status kelayakan Anda melalui akun Maganghub.
1500630
CALL CENTERKonsultasi & Aduan (text only)
Perusahaan: 0813-2064-789
Peserta: 0813-2064-787
@Kemnaker
DM
Orbit Nasional Edukasi
Key Responsibilities
1. Web Development: Design and develop responsive, high-performance web applications using Angular.
2. Mobile Development: Build and deploy cross-platform mobile applications for iOS and Android using Ionic, Angular, and Capacitor.
3. UI/UX Implementation: Translate Figma/UI designs into clean, maintainable code using modern CSS frameworks (such as Tailwind CSS, Bootstrap, or SCSS).
4. API Integration: Connect frontend applications with backend services and RESTful APIs, ensuring smooth data flow and integration with enterprise backends (e.g., Java/Spring Boot ecosystems).
5. Optimization: Ensure cross-browser compatibility, optimize application performance for maximum speed, and manage application state efficiently.
6. Native Features: Utilize Capacitor plugins to access native device features (camera, geolocation, push notifications, etc.) for the mobile applications.
7. Collaboration: Work closely with backend developers, UI/UX designers, and product managers to deliver features from conception to deployment.
Required Skills & Qualifications
1. Core Frontend: Deep understanding of HTML5, CSS3, and TypeScript/JavaScript (ES6+).
2. Angular: Strong proficiency in modern Angular (Components, Services, Routing, Observables/RxJS, Directives, and Pipes).
3. Mobile Frameworks: Hands-on experience building mobile apps with Ionic Framework and packaging them using Capacitor for App Store and Google Play deployment.
4. CSS Frameworks: High proficiency in at least one major CSS utility or UI framework (e.g., Tailwind CSS, Bootstrap, Ionic UI components).
5. Version Control: Proficient with Git and standard branching strategies (e.g., GitFlow).
6. Debugging: Experience troubleshooting mobile device-specific issues using Android Studio and Xcode.
Solidify core web technologies and TypeScript, get comfortable with the frontend development environment.HTML5 & CSS3 basics: Semantic HTML, Flexbox, CSS Grid, responsive design.JavaScript ES6+ features: Arrow functions, destructuring, spread/rest operators, Promises, async/await.TypeScript fundamentals: Static typing, interfaces, classes, enums, generics.Tools: Visual Studio Code, Git & GitHub basics, Node.js & npm/yarn basics.Introduction to Angular CLI: Instalasi, membuat project baru, dan memahami struktur folder standar Angular.
Understand the building blocks of Angular and how to create dynamic user interfaces.Angular architecture overview: Modules (NgModule) vs Standalone Components.Components: Lifecycle hooks (ngOnInit, ngOnDestroy, dll), pembuatan komponen baru.Templates & Data Binding: Interpolation ({{ }}), property binding ([]), event binding (()), two-way binding ([()]).Directives: Built-in structural directives (*ngIf, *ngFor, *ngSwitch) dan attribute directives (ngClass, ngStyle).Pipes: Menggunakan built-in pipes (Date, Currency, Uppercase) dan membuat custom pipes.
Learn how to manage data, navigate between views, and handle asynchronous data streams.Services & Dependency Injection (DI): Hierarchical DI, @Injectable(), singleton services.Component Communication: Menggunakan @Input(), @Output(), dan EventEmitter.RxJS Basics: Pengenalan Reactive Programming, Observables vs Promises, Subscriptions.Angular Routing: Setup routes, router-outlet, routerLink, lazy loading modules/components.Route parameters & Guards: Mengambil data dari URL (ActivatedRoute), melindungi rute menggunakan Route Guards (CanActivate).
Build complex forms and connect the Angular application to a backend REST API.Template-driven Forms: ngModel, validasi HTML dasar.Reactive Forms: FormGroup, FormControl, FormBuilder, validasi sinkron dan asinkron, custom validators.HttpClientModule: Melakukan HTTP requests (GET, POST, PUT, DELETE) ke REST API backend.HTTP Interceptors: Menambahkan custom headers (seperti Bearer JWT token), global error handling.RxJS in HTTP: Menggunakan operator RxJS (catchError, map) untuk memanipulasi respons API.
Level up code quality, manage complex application states, and learn frontend testing.Advanced RxJS Operators: switchMap, mergeMap, debounceTime, distinctUntilChanged (berguna untuk fitur search/autocomplete).State Management intro: Mengelola state aplikasi menggunakan RxJS BehaviorSubject atau pengenalan Angular Signals.UI Component Libraries: Integrasi dan penggunaan framework CSS/UI (misal: Angular Material, Tailwind CSS, atau Bootstrap).Performance optimization: Change Detection strategy (OnPush), trackBy pada *ngFor.Unit testing basics: Menulis tes dasar untuk komponen dan servis menggunakan Jasmine & Karma.
Bring everything together into one polished, functional frontend application ready for production.End-to-end project: Membangun aplikasi web utuh yang terintegrasi penuh dengan backend (REST API), mencakup form, tabel data, autentikasi, dan routing.Git workflow: Proper branching, pull requests, code review process.Build & Deployment: Membangun aplikasi untuk production (ng build), memahami environment files, dan deployment dasar.Soft skills: Presenting technical work, UI/UX awareness, dan menulis dokumentasi (README).
Jl. Raya Casablanca No.Kav.18 Lt 2, RT.4/RW.12, Menteng Dalam, Kec. Tebet, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12960
Kota Adm. Jakarta Selatan
ONE memiliki visi menjadi satu gerakan pendidikan untuk membawa Indonesia memimpin masa depan. Tidak hanya mengajar, tetapi juga menginspirasi, membuka wawasan, dan membentuk generasi unggul yang siap menghadapi tantangan dunia.
Biro Umum, Sekretariat Utama (Depok, Jawa Barat)
Kesehatan Gigi dan Mulut, Kesehatan Gigi, Keperawatan Gigi
Rasuna Residence Development
Tata Boga, Perhotelan, Pendidikan Tata Boga, Manajemen Perhotelan dan Pariwisata, Pengelolaan Perhotelan
Win Medika Solusi
Manajemen, Hospitality dan Pariwisata, Administrasi Bisnis
PT. Permata Birama Sakti
Seni Kuliner dan Pengelolaan Jasa Makanan, Tata Boga, Perhotelan, Seni Kuliner, Manajemen Perhotelan, Manajemen Perhotelan dan Pariwisata, Pengelolaan Perhotelan, Manajemen Kuliner, Pendidikan Vokasional Seni Kuliner
Welspro Inspirasi Utama
Fisioterapi
Jakarta Pakar Kardia
Gizi dan Dietetika, Gizi Klinik
