Front-End Web Development 

Start building responsive websites with HTML, CSS, and JavaScript — a versatile skill set with powerful applications in a variety of design, marketing, and other tech-adjacent roles.

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script> hbspt.forms.create({ region: "na1", portalId: "8057651", formId: "6a3ff7a7-c223-47d4-9399-1559c6940d97" });</script>

About this course

More than half of all jobs in the top income quartile show significant demand for coding skills.

Beginner
Friendly

Individualized
Instructor
Support

500+ Students
Enrolled

OVERVIEW

  • Being able to create simple web pages with HTML, CSS, and JavaScript is often useful, even for people outside the standard developer track.
  • In this training programme, students get practice designing and building their own custom responsive websites.

 

PREREQUISITES

  • This is a beginner-friendly programme with no prerequisites, although some students may have coded previously.
  • First-time programmers will have access to pre-course preparatory lessons and additional resources to boost their confidence with key concepts.

 

IDEAL FOR

  • Designers and product managers looking to create functional coded mockups and prototypes.
  • Marketers who want to be able to use HTML and CSS in their emails to create a richer experience.
  • Managers who want to develop a vocabulary for working with front-end web developers and web designers.

 

OUTCOMES

  • Level 1 Development Skills: Design and build web pages from scratch.
  • A custom website that can go into the student’s professional portfolio.

 

 

 

What you'll learn

Complete hands-on exercises to practise HTML, CSS, and Javascript
Create a portfolio project of a custom responsive website
Explore the many facets of designing and building simple yet effective web pages

Check out our elite team of instructors

Chaudhry Talha

Front End Web Development Instructor

Chaudhry Talha

Front End Web Development Instructor

Osman Ali

Front End Web Development Teaching Assistant

Osman Ali

Front End Web Development Teaching Assistant

These experts bring in-depth experience from the field to the classroom each day, providing invaluable insights into succeeding on the job.

GA instructors* are committed to providing personalised feedback and support to help you gain confidence with key concepts and tools.

*GA instructors are subject to their availability

19K+ Premier Hiring Partners From Around the World

Course Outline

Engage in online, self-paced learning that’s designed to set you up for success starting day one.

• Gain an introduction to web development.
• Get acquainted with key terminology and tools.

Get familiar with the fundamental building blocks of the web, adding and styling content with HTML and CSS.

• Create HTML documents using common element tags.
• Inspect webpages using the browser’s developer tools.
• Describe the relationship between HTML, CSS, and JavaScript in websites.
• Choose semantic HTML tags to define and organize content.
• Use CSS to apply style to webpages.
• Learn the basics of CSS syntax, including selectors and style rules.
• Link to files from HTML using relative paths.
• Use margins and padding to create spacing between elements.
• Set the display property of elements to create page layouts.

Take a developer’s approach to problem-solving, coding responsive sites for mobile and the web.

• Use flexbox properties to create responsive layouts.
• Apply normalizing CSS to avoid browser default styling interference.
• Use CSS grid properties to define responsive layouts.
• Compare and contrast flexbox and grid properties.
• Define fractional and percentage-based widths for elements.
• Define CSS rules to apply custom fonts to text.
• Use pseudo-selectors to create more specific CSS rules.
• Define media-query breakpoints to apply separate rules based on screen size.
• Use responsive measurements such as ems to smoothly scale CSS rules to devices.
• Apply a mobile-first methodology to CSS and website design.
• Use the position property to create responsive layouts.
• Define and choose between absolute, relative, static, and fixed positioning.

Power dynamic websites, incorporating animations, dropdowns, and more.

• Distinguish between code and a program.
• Define basic variables and data types in JavaScript.
• Understand the role of functions in JavaScript.
• Describe the role of JavaScript in front-end web development.
• Access properties of the DOM using JavaScript object syntax.
• Use DOM methods to respond to user actions with event listeners.
• Use JavaScript to trigger CSS animations.
• Design interactive user interfaces using CSS properties.
• Plan application states to reflect user actions.
• Define conditional statements in JavaScript to create logic-driven programs.
• Choose logical operators to enhance conditional statements.
• Use arrays and loops in JavaScript to manage collections of data.
• Invoke array methods to manipulate the array’s contents.
• Distinguish between for loops and while loops.

Take your coding skill set to the next level, incorporating functions from external libraries and tools.

• Use HTML forms to collect input from users.
• Evaluate APIs based on documentation.
• Make HTTP requests to external API sources for data.
• Use CSS libraries, such as Bootstrap, to leverage pre-styled components.
• Adapt CSS library components for specific use cases.
• Evaluate CSS frameworks against self-written CSS.
• Use GitHub for version control and code collaboration.
• Execute commands from the command prompt for increased control of file systems.

Pricing & Payment Plans

Installments

from as low as

RM /month

Full Tuition

RM 7,500

excluding admin fees and 6% SST

Employer Sponsorship

This course is a HRD Corp Signature Programme course. It is 100% claimable from your organisation's HRD Corp levy. Please contact us for claims process.

Frequently Asked Questions

Literacy in web development basics is in demand across a range of industries, including design, marketing, and product development. According to a recent Burning Glass report, “Our analysis of 26 million U.S. online job postings showed that jobs that required coding skills not only paid more, but also were growing more rapidly than the job market itself.” These opportunities aren’t limited to those with formal computer science training — employers want skills, not degrees.

Master the technical vocabulary you need to communicate confidently with web developers and technical stakeholders, and start applying your new skill set on the job immediately.

This course is popular among mid-career professionals in tech-adjacent roles who are looking to gain new skills to grow in their current jobs. Common roles include UX and UI designers, print and graphic designers, digital marketers, content producers, product managers and product designers.

Ultimately, this programme attracts students that are interested in building technical literacy, communicating better with developers, and taking their practice to the next level.

Yes! Upon passing this course, you will receive a signed certificate of completion. Thousands of GA alumni use their course certificate to demonstrate skills to employers and their LinkedIn networks. GA’s front-end developer course is well-regarded by many top employers, who contribute to our curriculum and use our tech programmes to train their own teams.

Our instructors represent the best and brightest web development professionals who combine in-depth knowledge as practitioners with a passion for nurturing the next generation of talent.

We work with a large pool of experienced instructors around the world.

This is a beginner-friendly programme with no prerequisites, although some students may have coded previously. First-time programmers will have access to pre-course preparatory lessons and additional resources to boost their confidence with key concepts.

Yes! All of our part-time courses are designed for busy professionals with full-time work commitments. 

You will be expected to spend time working on homework and projects outside of class hours each week, but the workload is designed to be manageable with a full-time job.

If you need to miss a session or two, we offer resources to help you catch up. We recommend you discuss any planned absences with your instructor.

For your capstone project, you’ll leverage HTML, CSS, and JavaScript to develop a dynamic website from scratch. Combine technical and design skills to create a responsive website that’s compatible with modern browsers and devices. We encourage you to tackle a coding challenge that’s related to your work or a passion project you’ve been meaning to carve out time for.

Throughout the course, you’ll also complete a number of smaller labs designed to reinforce what you’ve learned in each unit.

Front-End Web Development is GA’s most popular “starter course” for those who are curious about careers in tech or want to work more effectively with technical stakeholders. Graduates can go on to continue honing their skills in our evening and 1-week JavaScript Development course or commit to a career change with our Software Engineering Immersive programme.