Fullstack Starter

Front-End Starter

Back-End Starter

Front-End Engineer Starter Bootcamp

Help you to thrive in the Front-End Developer world without sacrificing your agendas. Learn coding at your pace and deepen your knowledge with live session consultation.

Buy Now!

Suitable for beginners who want to thrive in Tech Developer Career

Self-paced learning program to help you learn at your own pace

Affordable price and get connected with Tech Talent

What’s in it for you?

Structured Curriculum

Enhance your knowledge through a structured syllabus that helps you to thrive in a tech career.

Asynchronous Learning Material

Learn tech-related materials at your own pace with up to 100+ learning articles and 50+ learning videos.

Synchronous Learning Material

Deepen your knowledge through consultation session with expert.

Project portfolio

Build your project portfolio during the program showcasing your acquired skills.

Network

Connect with top-tier engineers and gain a powerful network to enhance your professional growth.

WHAT YOU WILL LEARN

Description

Embark on your programming journey! Master NodeJS, control structures, and data organization techniques through intuitive learning, specially designed for programming novices.

Syllabus

NodeJS Environment
Variables
Conditional
Looping
Functions
Data Structures

Description

Uncover the power of code organization with Javascript's 'Modules System'. Learn how ES Modules can streamline your coding process, opening the door to efficient and manageable programming.

Syllabus

Introduction to modules system
ES Modules

Description

Step into the world of Object-Oriented Programming (OOP)! Understand the four pillars of OOP - Abstraction, Encapsulation, Inheritance, and Polymorphism. Also, explore OOP composition, aggregation, along with instance and static methods, empowering you to design more robust and flexible software.

Syllabus

Abstraction
Encapsulation
Inheritance
Polymorphism

Description

Demystify the world of Asynchronous Javascript! Learn about Callbacks, Promises, Advanced Promises, and Async/Await to manage asynchronous operations efficiently, making your code cleaner and more readable.

Syllabus

Callback
Promise
Async Await

Description

Master the essentials of REST APIs! Learn about HTTP methods, query parameters, response codes, and design your own dummy server. Understand data fetching, authentication, and the use of environment variables, all crucial skills for budding frontend developers.

Syllabus

HTTP Methods
Query Params
Response code
JSON Server
Data fetching with authentication
Environment Variables

Description

Discover the intricate workings of the Web Browser! This introductory segment will guide you through the mechanics of how a web browser functions, providing a solid foundation for aspiring frontend developers.

Syllabus

Introduction to Web Browser
Web Browser Work

Description

Unleash your creativity with HTML! Begin by understanding its core concepts, explore the structure of HTML files, and delve into the anatomy of HTML elements and attributes. Learn about the most frequently used HTML tags such as containers, texts, images, and more. Plus, get acquainted with the power of Semantic HTML to create more meaningful and accessible web pages.

Syllabus

HTML File Structure
Anatomy of HTML Element
HTML Attributes
HTML Comment
Most Used HTML Tag
Semantic HTML

Description

Unlock the beauty of web design with CSS! Learn what CSS is, how it works, and the tools needed to create stunning designs. Understand CSS structure, usage, and selectors. Dive into layout techniques using the Box Model, CSS Position, Grid, and Flexbox. Plus, explore responsive design and CSS frameworks, equipping you with the skills to create visually appealing, adaptable web pages.

Syllabus

CSS Structure
How to use CSS
CSS Selector
CSS Specificity
Layouting
Responsive
CSS Framework

Description

Get hands-on with the Document Object Model (DOM)! Learn how to select and add new elements to the document, and manipulate inline CSS styles using the Style property. This knowledge is crucial, enabling you to interact and modify web pages dynamically.

Syllabus

Introduction to the DOM
Select Elements
Add New Elements
Use the Style Property

Description

Embrace the potential of Browser API! Understand the concept of browser events, how to manage browser defaults, and harness the power of the Web Storage API. This understanding is key to creating interactive and user-friendly web.

Syllabus

Introduction to Browser API
Browser Event
Web Storage API

Description

Discover the vast possibilities with Platform as a Service (PaaS) and Netlify! Understand how these cloud computing services can simplify your web development process, enabling fast and efficient deployment of your web applications.

Syllabus

PaaS Introduction
Netlify

Description

Step into the world of modern web development with ReactJS! Learn to create a new project, understand JSX, and create functional components. Dive deeper into React's unique features such as props, state, virtual DOM, and hooks. Understand event handling, conditional rendering, and data fetching in React for creating dynamic, fast, and user-friendly web applications.

Syllabus

JSX
Functional Component
State & Props
Lifecycle in React Component
Hooks in ReactJS
Component Data Flow
Event Handling
List and Keys
Conditional Rendering
Data fetching in React

Description

Navigate seamlessly within your React applications using React Router DOM! Learn how to utilize URL parameters, router hooks, and secure your routes. These skills are pivotal in creating efficient and secure single-page applications.

Syllabus

Introduction to React Router DOM
URL Params
Router hooks
Protecting routes

Description

Get to grips with State Management using Redux in our focused section! Understand its core concepts, create slices, and build a counter app. Learn how to integrate Redux with ReactJS, connect and manipulate state using hooks, and manage asynchronous processes with Thunk. These skills are crucial for managing complex state data in larger React applications.

Syllabus

Intro to state management
State management with Redux

Description

Boost your React designs with Chakra UI! Learn how to integrate it with React, utilize common components, and explore responsive styling for adaptive UI design. Dive into theming to customize your application, enhancing user experience with aesthetically pleasing interfaces.

Syllabus

Integration with React
Common Components
Responsive Styling
Theme

Description

Discover diverse strategies for hosting your websites! Learn how to deploy your web applications on platforms like Netlify and Firebase, making your projects accessible to users worldwide. These skills are essential for sharing and showcasing your web development prowess

Syllabus

Different strategies of hosting your web
Netlify
Firebase

Requirements

Anyone from all educational backgrounds with interests in Computer Science and Frontend Development are welcome to join
Demonstrated high interest in the development of Frontend Development Technology

Learning Video

HTML Part 1

HTML Part 2

NodeJS Intro

FAQ

Frequently Asked Questions

This is an exclusive bootcamp program designed specifically for those who have keen interests in Frontend Development. With REA+ x SA Pro, you will have the opportunity to be learn at your own pace with our curated curriculum used in our intensive bootcamps, create real projects, build a professional network, and enhance your technical expertise.

Anyone from all educational backgrounds with interests in Frontend development are welcome to join

Anyone from all educational backgrounds with interests in Frontend Development technology are welcome to join

The starter bootcamp program has no set time limit, allowing you to learn at your own pace. The program will start immediately after you register and complete your payment.

No need to worry, our starter bootcamp is fully online and self-paced. Therefore, no need to be afraid that it would affects your work or study

Yes, The program is available online. Anyone anywhere is allowed to join the program

If you have any questions related to the program, email Skill Academy by Ruangguru at [email protected] or contact us at +62815-7890-0000

Should you have questions regarding the payment process, please email Skill Academy by Ruangguru at [email protected] or contact us at +62815-7890-0000

What’s in it for you?

WHAT YOU WILL LEARN

2Modules in Javascript

3Object Oriented Programming

4Asynchronous Javascript

5REST API

6Web Browser

7HTML

8CSS

9Document Object Model (DOM)

10Browser API

11Platform as a service (PaaS)

12Component Programming with React

13React Router DOM

14State Management

15Chakra UI

16Frontend Deployment to Production

Requirements

Learning Video

FAQ

Who can Join?

Do I need to have experience and expertise in programming?

How long is the program and when does it start?

I am working or having classes during the day, can I still join this bootcamp?

I’m not based in Jakarta, can I join this bootcamp?

I have other questions regarding the bootcamp program, what should I do?

I have an issue for the payment, what should I do?