SWE202: Frontend Development with ReactJS

Learn the fundamental concepts of frontend web development from experienced software engineers in Singapore.

✅  Hybrid instructor-led classes
✅  Intermediate Javascript, Typescript and ReactJS concepts
✳️  Build your own interactive and responsive website
⭐ Rated 4.8/5 on SwitchUp and Google

Software Engineering Nanodegree

Earners of this badge have demonstrated a holistic understanding of software engineering, mastering both backend and frontend development techniques to build modern web applications.

 Earners have completed SWE101, SWE201, and SWE202
 Direct admission into Buidlnaut internship programme
 Increased employment chances
SWE101
Programming Fundamentals
⧖   18 instructional hours
△   Beginner level
ⓘ   No prior knowledge required
SWE201
Backend Development with ExpressJS
⧖    24 instructional hours
△   Intermediate level
ⓘ   SWE101 or equivalent knowledge
+
SWE202
Frontend Development with ReactJS
⧖    24 instructional hours
△   Intermediate level
ⓘ   SWE101 or equivalent knowledge

Growing Demand For Frontend Developers

Web application development has evolved to become central in today's tech-driven landscape. Enterprises, from startups to global giants, are harnessing the power of sophisticated web applications to engage users and fortify their digital presence. This has intensified the demand for proficient web app developers.

By delving deep into ReactJS, you will acquire the capability to create modern single-page applications, engineer state-of-the-art component-based UIs, and craft interactive experiences that resonate with users today.

Don't just hear it from us

"I had an incredible experience at this course. I never thought that after such a short amount of time I would be able to create a simple web server from scratch. One of the main pros for me have been the attentive instructors."

VICTORIA TEO
Senior UX Consultant

"Attending bootcamp gave me guidance and direction when I was trying to transition into a tech career. Metacamp has great instructors and their lectures were awesome. Coding challenges and projects helped reinforce the concepts. I would highly recommend Metacamp to aspiring software engineers."

ATSUSHI YAMAGUCHI
Tech Presales

"I wanted to learn more about blockchain that I was already interested in but had no idea where to start. Metacamp was the perfect answer. Metacamp is an excellent platform for people to gather, learn, and share their experiences."

lim qi jie
Co-Founder, TableFi

Industry expert instructors from AWS, Microsoft, OKX, ...

Attend live classes online outside of working hours

Graduate with a blockchain-verified certificate

Build and pitch your capstone project during demo day

Dedicated career support and matching with partners

4.8 / 5 ⭐
5 / 5 ⭐

Frontend Development with ReactJS Course Details

Metacamp's Frontend Development with ReactJS course in Singapore is curated to arm learners with the latest techniques and best practices in modern web application development, delving deep into core ReactJS concepts and functionalities. Participants will synthesise their knowledge, embark on multiple projects tailored to address a tangible real-world challenge.

What to expect?

Learn new concepts and tools through expert-led lectures, discussions, assignments and projects

Complete all assignments and receive a certificate of completion in the form of an NFT at the end of the course

Receive individualised feedback and support from your instructional team with free 1-on-1 consultations

Be part of a community where members can leverage connections with alumni, instructors and experts

Frontend Development with ReactJS Course Schedule

The schedule for this course is currently unreleased on our website. We encourage you to join our waitlist so that you will be prioritised and notified once our schedule is out. Feel free to reach out to us via email at team@metacamp.so for any enquiries!

Frontend Development with ReactJS Course Curriculum

Module 1: ReactJS Fundamentals
  • Introduction to ReactJS
  • Environment Setup
  • JavaScript XML (JSX) Basics
  • React Components
  • States in React
Module 2: ReactJS Rendering
  • Accepting Arbitrary Inputs (Props)
  • Handling Events and Inputs
  • Conditional Rendering
  • HTTP Request (CRUD)
  • Handling States with useEffect
Module 3: ReactJS Optimisation
  • Memoizing Functions with useCallback
  • Optimizing Performance with useMemo
  • Managing Navigation with useNavigate and redirect
  • Accessing Mutable Values with useRef
Module 4: ReactJS Global States
  • Sharing Global State with useContext
  • Managing Complex State with useReducer
  • Styling with Styled Components
  • Proper File Management
  • Environment Variables
Module 5: NextJS
  • Introduction to NextJS
  • NextJS Routing
  • SSG, SSR & CSR
  • Fetching Data
  • NEXT Images
  • NextJS Deployment with Vercel
Module 6: Authentication
  • Introduction to Authentication
  • React Authentication
  • Authentication for Route Protection
  • Unit Testing with Jest

Frontend Development with ReactJS Course Projects

1
Coming Soon!
  Live Chat