Front-End Developer   

Welcome to the Front-End Developer Career Academy, your all-in-one resource for mastering front-end development and kickstarting a thriving career in this exciting field. This course is crafted for aspiring front-end developers, IT professionals eager to enhance their skills, and anyone curious about the art and science behind creating engaging web and mobile interfaces.

Throughout this program, you’ll dive into practical, hands-on projects, exploring the core concepts and cutting-edge technologies that power today’s front-end development landscape. From foundational knowledge to advanced techniques, the Front-End Developer Career Academy includes the IBM Front-End Developer Professional Certificate, Meta Front-End Developer Certificate and 13 Guided Projects:

• Design and Develop a Website using Figma and CSS
• Create a Mockup in Figma
• Style Tables with CSS
• Build Your Portfolio Website with HTML and CSS
• Style Images with CSS
• Build Your First React Website
• Build Your First React Website Part II
• Learn about JSON with JavaScript
• Create a Responsive Seat Selector UI in HTML, CSS, and JS
• Validate HTML Forms with JavaScript and HTML
• Build a Portfolio Website with HTML, CSS, and JavaScript
• Build a Website using an API with HTML, JavaScript, and JSON

The course combines video lectures, interactive labs, and real-world projects to ensure you not only learn but apply your knowledge effectively. With guided assessments and feedback, you will build a robust portfolio that showcases your skills to potential employers.

Powered by Coursera

Prepare for a career in the lucrative field of software engineering. In this program, you’ll learn in-demand skills like UI/UX design, programming, and web development to get job-ready for an entry level role in front-End Development in less than 4 months. No prior experience needed to get started.

The role of a front-end developer is to build and optimize the user experience of a website or application They focus on creating the interactive and visual elements of a website, the physical layout of each page, and enhancing the site experience.

This program will help you plan, build, deploy, and test web designs and applications. You’ll create applications using automated build tools, and will learn the latest skills and tools used by professional front-end developers including UI/UX design, web development, and highly sought after programming languages, libraries and frameworks such as HTML, CSS, JavaScript, React and Bootstrap. You’ll also learn to manage your project source code using GitHub repositories, interface with external and back-end services like databases, and become familiar with DevOps and Agile practices and methodologies like CI/CD and Scrum.

When you complete the program, you’ll have a portfolio of projects and a Professional Certificate from IBM to showcase your expertise. You’ll also earn an IBM digital badge and will gain exclusive access to career resources to help you in your job search, including mock interviews and resume support.

Powered by Coursera

Want to get started in the world of coding and build websites as a career? This certificate, designed by the software engineering experts at Meta—the creators of Facebook and Instagram, will prepare you for a career as a front-end developer.

In this program, you’ll learn:

• How to code and build interactive web pages using HTML5, CSS and JavaScript.
• In-demand design skills to create professional page layouts using industry-standard tools such as Bootstrap, React, and Figma.
• GitHub repositories for version control, content management system (CMS) and how to edit images using Figma.
• How to prepare for technical interviews for front-end developer roles.

By the end, you’ll put your new skills to work by completing a real-world project where you’ll create your own front-end web application. 

Powered by Coursera

In this 2-hour long project-based course, you will learn how to use the basic tools and features of Figma, design a website’s prototype and convert it into a website exactly as designed, using HTML and CSS.

Powered by Coursera

This Guided Project “Create a Mockup in Figma” is for anyone who wants to learn to create their own mockup items. In this 1-hour long project-based course, you will learn to create t-shirt mockups on Figma. You will also learn to create a hair oil bottle mockup for a cosmetic business using the artboard studio mockup plugin. You will also learn to integrate third-party plugins (Artboard studio mockup and removebg) on Figma. To achieve this, we will work through :

Task 1 : Introduction and creating an account on Figma
Task 2 : Exploring Figma’s interface
Task 3 : Creating a men’s t-shirt mockup on Figma
Task 4 : Integrating artboard studio mockup plugin on Figma
Task 5 : Importing a hair oil bottle mockup from the artboard studio plugin
Task 6 : Adding designs to the hair oil bottle mockup

This project is unique because it’s helpful for an individual who wants to design his/her own clothing mockups and is also helpful for small business owners who want to scale their businesses. This course is beginner-friendly, so you don’t need to have any experience before. Let's get started!

Powered by Coursera

In this intermediate-level course you will explore how CSS (Cascading Stylesheets) can be used to alter the appearance of an image on your web page. HTML is used to add image content to a website and CSS is used to make that content visually appealing to website visitors. You will use the Notepad++ editor to write CSS rules with a variety of selectors and properties that are applied to images to change their appearance. The Chrome browser is used to display the page to test the results of your work. CSS is a very powerful tool and using it to gain more control over the visual aspects of images is a valuable skill for a web developer.

Powered by Coursera

In this 1-hour long project-based course, you will gain hands-on experience with one of the hottest web development framework, React. If you have some experience with HTML, CSS, JavaScript and want to start developing with React, this course is for you!

By the end of this course You will understand the fundamental of React and be able to create and build a website with React with ease.

Powered by Coursera

This 1.5 hours guided project is part 2 of the project "Build Your First React Website." In this project, we focus on persistent states for class components and different strategies for them to communicate with each other.

At the end of this course, you will be able to choose and deploy different communication strategies for communications among React components.

This class requires basic React and intermediate to advance experiment in JavaScript development as a prerequisite.

Powered by Coursera

If you are relatively new to the world of cloud computing, you might have come across a term JSON and not know what it is exactly. JSON stands for JavaScript Object Notation and is widely used to exchange information between clients and servers. Many No-SQL databases also uses the format to store data. In this 1-hour long project-based course, you will learn about the format and structure of JSON, accept and process JSON in your code, and transmit JSON to other processes.

No prior experience with JSON is required but basic to intermediate HTML and JavaScript is required.

Powered by Coursera

In this project, you’ll support Sugarland Theaters’ effort to increase revenue by enabling guests to book their seats on the go using its web app.

You’re task is to build a responsive seat selector UI component, specifically a responsive web interface using HTML, CSS, and Javascript that lets guests manage their seat reservations with an interactive map and adapt the seat map to their device screen size.

There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.

PREREQUISITES: Media queries and layout modalities such as flexbox and grid with HTML5 and CSS Manage arrays, visual breakpoints and DOM interactions with Javascript

Powered by Coursera

By the end of this project, you will have written and tested JavaScript and HTML code that validates data values entered into input fields on an HTML form. Data validation is a valuable skill in web development. Notifying users of input errors not only improves the user experience it also helps to ensure that any data collected via a form is as accurate as possible before sending it to a server for processing.

Powered by Coursera

Imagine you’re a recently graduated information technology student looking to land a software development job. In this project, you’ll create a website that showcases “your” qualifications, work experience, and work samples.

Using HTML, CSS, and JavaScript to manage the content, presentation, and other functional aspects, you’ll produce an online professional portfolio to share with potential employers.

There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.

PREREQUISITES: Syntax, divisions, text, images with HTML Syntax, rules, ids, classes with CSS Functions and DOM (document object model) with JavaScript

Powered by Coursera

In this project, you’ll support a European travel agency’s effort to increase booking by building a webpage that provides visitors with a 7-day weather forecast for major European cities.

Accomplishing this task will require you to retrieve real-time weather data from an external service. In creating the webpage, you’ll request, process, and present the weather data using HTML, JavaScript, and JSON.

There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.

PREREQUISITES: Function closures, asynchronous processing, REST API, and JSON handling with JavaScript Present content with HTML tags Present content using classes with CSS Format and syntax of JSON

Powered by Coursera