About the Course

This beginner-friendly course will explore the front-end development, which is, the visual and interactive side of a website or an app. You will be learning how to design a seamless user experience (UX) yourself! Guided by an Indonesia-based front-end web developer, Joe Phang, you will be expected to analyse codes and, debug a programme and use JavaScript. Whether you're contemplating or just starting out as a web designer, this online course is surely not to be missed!

Learning Outcomes:

“At the end of the course, you will be able to….”

  • Gain critical front-end app literacy to stand out in tech-driven world

  • Easily customize the design and layout of your websites using UX and UI design into actual website view

  • Change, add or omit with JavaScript to have a website

  • Debug web application that leverage modern programming language, frameworks and tools

Highly Recommended For:

  • Individuals wanting to learn web design

  • Web designers looking to improve on their skills

Things to Prepare:

  • A PC or laptop with at least Intel i5 3rd Gen and 8GB of RAM (Preferably Linux; Ubuntu or any distro)

  • Microsoft Visual Studio Core

  • Package manager, such as NPM or Yarn

  • Any web browser with JavaScript support

Watch Intro Video

Introduction Video

You can preview the introduction video.

Course curriculum

  • 1

    Welcome, Learners!

    • Introduction

  • 2

    Chapter 1 : What is Front-End?

    • Introduction to the Vuejs and How to start it?

  • 3

    Chapter 2 : Javascript Fundamentals

    • Introduction to fit and How to use it?

  • 4

    Chapter 3 : Component Framework

    • Introduction to Component Framework and How to use it?

  • 5

    Chapter 4 : GIT

    • What is GIT?

  • 6

    Chapter 5 : Parent-Child Component

    • How to build parent child and use it properly?

  • 7

    Chapter 6 : VueJs Pagination

    • How will you go to another pages?

  • 8

    Chapter 7 : State Management

    • Manage your state to make it simpler!

  • 9

    Chapter 8 : Local Storage

    • What's local storage and Why?

  • 10

    Chapter 9 : Test API

    • How do we sync the app via internet?

  • 11

    Redeem your Certificate

    • Make an Apps

    • Learner Feedback Survey