Front End Development Bootcamp - Academy
SSTTEK Academy
SSTTEK Academy
SSTTEK Academy

Front-end Development

If you want a career in developing the user interfaces of software and have an interest in front-end development, SSTTEK Academy front-end training is for you!

This training equips you with the skills to develop both basic and advanced web applications using React.JS while supporting your professional goals with career guidance. Learn how popular front-ends are built, and master front-end development technologies through practical sessions. You get to work with web tools, website optimizations, user interface design implementation and more.

Join SSTTEK Academy and take the next step in your career as a front-end developer!

frond-end-vector
Duration

Total: 45 hours – 10 weeks

  • 9 weeks: React.JS Training and Project Applications
  • 1 week: Professional Development and Career Support
Timeline

Early Registration Deadline: February 15, 2025

Application Deadline: March 21, 2025

Program Start Date: Tuesday, April 8, 2025

Program End Date: Thursday, June 19, 2025

Class Days and Times: Tuesdays and Thursdays, from 6:00 PM to 8:30 PM

Format
  • 100% Online Training Model
  • Theoretical and practical lessons
Why Join?
  • Advance your web development skills with React.JS and JavaScript, gaining the technical and professional competencies sought after in the industry.
  • Apply what you learn through practical training with real projects.
  • Take a significant step toward your professional goals with portfolio-building support and career guidance.
Who Can Apply?

The React.JS Bootcamp is suitable for anyone aspiring to build a career as a front-end developer, including:

  • Recent graduates and university seniors
  • Professionals seeking a career change
  • Experts wanting to enhance their front-end skills
  • Members of software development teams
Program Flow
  1. Application Review: Submitted applications are evaluated.
  2. Participant Selection:
    1. Technical Level Assessment Test
    2. Phone Interview
  3. Training and Evaluation: Education supported by projects and assignments for each module.
  4. Career Support:
    1. Individual career coaching
    2. Professional portfolio preparation (CV, LinkedIn, GitHub, etc.)
    3. Job application and interview practice
Training Program

Module 1: React and Modern JavaScript Fundamentals

  • React Basics
  • Modern SPA Frameworks
  • DOM & Virtual DOM
  • Building a React Application (with Vite)
  • Node, NPM, Package.json
  • ESLint, Prettier, VSCode
  • Modern JavaScript & ECMAScript
  • Let, Const & Scopes
  • Arrow Functions
  • Object Literals
  • Destructuring & Spread Operator
  • Ternary, Nullish Coalescing Operators
  • Template Strings
  • Promises, Async, Await
  • Component Structures
  • Component Basics
  • Atomic Design
  • Best Practices for Component Structures
  • Building Layout Component Trees
  • Ant Design
    • Setup and Utility Classes
    • Working with Atomic Component Libraries
    • Designing Responsive App Layouts (Using Flex Layout)

Module 2: Advanced React, Hooks, and State Management

  • React Components, Hooks, JSX
  • Function Components
  • Component Data: State > useState
  • Lifecycle Methods & State Effects > useEffect
  • DOM References: useRef
  • JSX: String Literals, Spread Attributes, Children, Iterations, Conditionals
  • Using Forms in React
    • Adding Form Inputs
    • Handling User Input and Form Submission
    • Two-Way Binding
    • Controlled vs. Uncontrolled Components
    • Ant Design Forms
  • Routing
    • Working with URL Parameters
    • Programmatic Routing & Back Button
    • Protected Routing
    • Lazy Loading & Code Splitting
  • API Integration: Axios and TanStack Query
    • Performing GET, POST, PUT, DELETE with Axios
    • Axios Instances and Error Handling
    • API Requests, Data Fetching, and Mutations with TanStack Query
    • Caching, Pagination, Infinite Scroll
    • DevTools
  • React State Managers: Redux Toolkit
    • What is Redux? Why is it Needed?
    • Setting up Redux Toolkit
    • Creating Store and Provider
    • Slices (Products, User, Order)
    • Async Actions with createAsyncThunk
  • Custom Hooks and Local Storage
    • Custom Hooks
    • useInput Hook
    • Local Storage and useLocalStorage
  • Testing
    • React Testing Library & Jest
    • 3A Rules
    • Component Testing
    • Using Dummy Data with Component Props

Module 3: Professional Development and Career Support

Participants will gain insights into career planning and development strategies to succeed in the industry:

  • Career Coaching
  • Professional Portfolio Preparation (CV, LinkedIn, Personal Website)
  • Job Application and Interview Practice
Training Evaluation Process
  • Practice Based Projects and Assignments: Learning will be reinforced with mini-quizzes, short exams, assignments or short projects in each module.
  • Final Project: You will present the application you have created by utilizing the technologies you have learned throughout the training at the end of the training.
  • Portfolio: You will also create a portfolio of your technical and professional work that you can present to potential employers.
  • Certification: At the end of the training, you will be awarded a training certificate when you achieve 70% success.

You can have the opportunity to apply what you have learned besides theoretical knowledge and continue your career as a front-end developer by applying to SSTTEK Academy.

Apply Now