Frontend Developer

48 Hours
What is this course?
Codeble’s Frontend Developer course is a stepping stone for you to enter the world of web development. This is a condensed and immersive course to teach you the essential tools of a frontend web developer. You will learn the coding languages in HTML (content), CSS (presentation), and JavaScript (behavior), and become fluent by focusing on high-impact learning and practical & real-world project. We take you from a total coding newbie to a professional web developer. Wonder how? “Reusable Services + Reusable Components + Good Coding Practice → Professional”
Why Codeble is better?
Unlike the traditional academic program, we will not nither teach you every knowledge, nor ask you to remember the coding. Instead, we will teach you the key to problem-solving. With this key, you will be able to solve every problem you will meet in the future by yourself. You will be confident to keep pace with the latest evolutions of technology and techniques. We believe the best way to learn fast is by doing. You will learn to code by actually coding. You will learn the industry best practices and gain work-like experiences by doing real-life projects, like a professional developer in tech companies.

Course Outline


  • HTML
  • CSS
  • TailwindCSS


  • Variable type
  • Condition and flows
  • Functions
  • Array
  • Loops
  • Class
  • Algorithm


  • Concept
  • Structure
  • Hook
  • State management with Mobx


  • Software architecture
  • Best practice


  • Nginx deployment
  • Docker

Learning Outcome

You will master how to design a webpage with comprehensive frameworks and apply responsive layouts with HTML (content), CSS (appearance) and JavaScript (interactive) in a short time. With the real-live project, you will explore the development process, constraints, and optimization in a modern web design. More importantly, you will equip with self-learning and problem-solving skills, which will make you survive in any new environment.


Possible Projects

Shopping cart


Frequently Asked Questions

Passion to learn is mandatory. This course is ideal for those who would like to establish and fast-track career in tech, no matter you are a fresher or professional from any industry.
This course will equip you with knowledge of frontend languages, frames, and problem-solving skills that are needed to perform well in a variety of developer roles. With the ability to write clean and maintainable code, you will: ● Stand out from the crowd; ● Earn trust from your employer; ● Add value by contributing to existing projects/products; ● Add quality assurance by auto testing. Because Frontend roles often work as a team, companies will want you to have strong interpersonal skills. Some examples of job titles could be: ● Frontend Developer ● Software Engineer ● Web Developer ● Web Designer We will also offer job opportunities to outstanding students.
This is a 48 hours course. You will have 16 classes; 3 hours per class; 3 classes per week.
You can discuss with the tutor what time works best for you.
This course is beginner-friendly with no prerequisites, although many students have engaged in self-learning prior to the course.
You can talk with our tutor either in English or Cantonese.
You will need to bring your own laptop during the class and continue to code on it. MacBook Air with M1 chip, 16GB RAM, 512GB SSD storage is recommended. If you have a limited budget, your laptop shall have at least 8GB RAM with 256GB SSD storage and Internet access. You will need to install a lot of software, but most of them are free. We will install it together during the class.
Yes. You will receive a certificate of completion from Codeble upon passing this course.
Once you have mastered the Frontend development, you can consider extending your knowledge into Backend Development; or learning how to set up servers in DevOps Engineer course.
You can register for the course via the contact form.
Feel free to contact us with some information on your background and what you hope to learn. We can then provide some personalized course advisement.