IBM
IBM Front-End Development with Figma, Bootstrap & Git Professional Certificate
IBM

IBM Front-End Development with Figma, Bootstrap & Git Professional Certificate

Build job-ready front-end skills employers need. Master the development skills to plan, build, deploy, and test web designs and application interfaces in just 4 months! 

IBM Skills Network Team
Michelle Saltoun
Muhammad Yahya

Instructors: IBM Skills Network Team

Included with Coursera Plus

Learn more

Earn a career credential that demonstrates your expertise
4.6

(1,070 reviews)

Beginner level
No prior experience required
4 months at 10 hours a week
Flexible schedule
Earn a career credential
Share your expertise with employers
Earn a career credential that demonstrates your expertise
4.6

(1,070 reviews)

Beginner level
No prior experience required
4 months at 10 hours a week
Flexible schedule
Earn a career credential
Share your expertise with employers

What you'll learn

  • Job-ready skills in front-end development, supported by hands-on experience employers are looking for in just 4 months

  • How to develop web pages using programming languages like HTML, CSS, JavaScript, and React

  • UI/UX design using tools like Figma and Bootstrap, and managing code and version control with Git and GitHub

  • PLUS, build a portfolio that showcases your expertise, including a capstone project where you'll design, build, and deploy a dynamic web application

Overview

What’s included

Shareable certificate

Add to your LinkedIn profile

Taught in English
97 practice exercises

Professional Certificate - 11 course series

What you'll learn

  • Define front-end development, list roles and skills, outline web development steps, and explore UI/UX design, collaboration, and industry trends.

  • Explore web browsers, load balancing, and define web frameworks, platforms, hosting, languages, accessibility, and cloud benefits.

  • Compare front-end and back-end roles, version control, and CI/CD, discuss No-Code advantages and tools, and define CMS and SEO patterns.

  • Create websites using WordPress and plugins for website enhancement, outline qualifications, portfolio elements, and specialization paths.

Skills you'll gain

Front-End Web Development, Web Development, Content Management Systems, WordPress, User Interface and User Experience (UI/UX) Design, No-Code Development, Application Development, Full-Stack Web Development, Back-End Web Development, Web Design and Development, Web Servers, Web Design, and Web Development Tools

What you'll learn

  • Explain the principles of software engineering, the Software Development Life Cycle (SDLC), and software development tools, technologies, and stacks

  • Differentiate between programming language types and apply basic programming constructs such as loops, conditionals, and functions using Python

  • Summarize key software architecture and design approaches, including common architectural and deployment patterns

  • Outline the roles, skills, and career paths in software engineering

Skills you'll gain

Software Engineering, Software Development, Front-End Web Development, Back-End Web Development, Software Architecture, Software Development Methodologies, Software Development Tools, Software Development Life Cycle, Web Applications, Development Environment, Programming Principles, Unified Modeling Language, Software Design Patterns, Application Deployment, Software Design, and Python Programming

What you'll learn

  • Explain design, UI/UX concepts, best practices of visual development, and the key duties and responsibilities of a UI/UX designer.

  • Examine web design methodologies like Responsive Web Design (RWD), and Progressive Web Development.

  • Use Figma, the essential concepts of Figma, and its various features.

  • Develop applications and websites with web development frameworks, like Bootstrap.

Skills you'll gain

Responsive Web Design, Design Thinking, Figma (Design Software), Wireframing, Prototyping, User Interface and User Experience (UI/UX) Design, Mobile Development, Graphic and Visual Design, Typography, User Experience Design, Web Applications, User Interface (UI), Web Design, and Web Design and Development

What you'll learn

  • Describe the Web Application Development Ecosystem and terminology like front-end developer, back-end, server-side, and full stack.

  • Identify the developer tools, online editors like JSFiddle, and integrated development environments (IDEs) for building and testing web applications.

  • Create and structure basic web pages using HTML and style them with CSS.

  • Develop dynamic and interactive web pages using JavaScript, including DOM manipulation, form validation, and client-side scripting techniques.

Skills you'll gain

Javascript, Cascading Style Sheets (CSS), Bootstrap (Front-End Framework), Scripting, Responsive Web Design, Browser Compatibility, Web Development, Back-End Web Development, and Application Programming Interface (API)

What you'll learn

  • Summarize key features and benefits of using Bootstrap

  • Demonstrate your proficiency in building flexible and responsive websites using Bootstrap

Skills you'll gain

Bootstrap (Front-End Framework), Responsive Web Design, React.js, Browser Compatibility, UI Components, Web Design and Development, HTML and CSS, Front-End Web Development, and Web Applications

What you'll learn

  • Describe version control and its place in social and collaborative coding and in DevOps.

  • Explain basic Git concepts such as repositories and branches used for distributed version control and social coding.

  • Create GitHub repositories and branches, and perform pull requests (PRs) and merge operations, to collaborate on a team project.

  • Build your portfolio by creating and sharing an open-source project on GitHub.

Skills you'll gain

GitHub, Git (Version Control System), Collaborative Software, Version Control, DevOps, Command-Line Interface, Web Applications, and Open Source Technology

What you'll learn

  • Develop interactive user interfaces (UIs) and web applications using JavaScript technologies including React, JSX, and ES6.

  • Build dynamic front-end applications quickly and easily with reusable React components.

  • Employ various React concepts and features, including props, states, hooks, forms, and Redux.

  • Demonstrate your React skills by building several front-end applications such as a shopping cart.

Skills you'll gain

React.js, Front-End Web Development, React Redux, UI Components, Event-Driven Programming, Web Development, Cascading Style Sheets (CSS), Javascript, Web Applications, JavaScript Frameworks, Data Structures, and Full-Stack Web Development

What you'll learn

  • Define CMS and SEO, identify their types, and list their features and benefits.

  • Describe Webpack 5 and list its advantages, functions, and significance.

  • Define Mocha and Jasmine’s testing frameworks and compare and contrast their advantages and disadvantages.

  • Describe the debugging process, explain its importance, and identify various debugging methods.

Skills you'll gain

Web Development Tools, Build Tools, Performance Tuning, Webpack, Web Analytics and SEO, Javascript, Debugging, Development Testing, WordPress, Test Automation, Software Development Tools, Front-End Web Development, Performance Testing, and Search Engine Optimization

What you'll learn

  • Explore cloud native applications concepts and methodologies, recognize CNCF’s impact, and analyse the benefits of CI/CD, Agile, and Scrum.

  • Recognize the DevOps culture, and its significance, differentiate between TDD and BDD, and explore the principles and characteristics of MongoDB.

  • Implement CI/CD practices and connect and integrate user stories using Zenhub to facilitate the Agile development process.

  • Enhance application functionality using tools and techniques, store, manage, and perform basic data operations using MongoDB and CRUD operations.

Skills you'll gain

Test Driven Development (TDD), CI/CD, Scrum (Software Development), MongoDB, Agile Methodology, Cloud-Native Computing, Behavior-Driven Development, User Story, NoSQL, DevOps, Software Development, Cloud Applications, Continuous Delivery, Continuous Integration, and Software Development Methodologies

What you'll learn

  • Apply your UI/UX design and Figma skills to demonstrate your proficiency in designing the layouts for various components of a responsive website

  • Develop static website pages and integrate them into the Landing page while demonstrating your expertise in HTML and CSS.

  • Demonstrate your React proficiency to create dynamic react components and convert static pages into a responsive website

  • Apply your GitHub concepts and skills along with the software development process to build, deploy, and update a fully functional website

Skills you'll gain

React.js, Application Deployment, GitHub, Mockups, Figma (Design Software), Web Analytics and SEO, Databases, Software Development, Web Design, Web Development, Front-End Web Development, UI Components, HTML and CSS, and Web Design and Development

What you'll learn

  • Describe the role of a software developer, typical career paths, and emerging opportunities in the field

  • Explain how to prepare for a job search, including researching companies, identifying suitable roles, and developing key

  • Apply strategies for networking and assessing job listings to effectively target and pursue software development positions

  • Demonstrate readiness for each stage of the interview process, including technical challenges, behavioral questions, and post-interview follow-up

Skills you'll gain

Communication, Software Development, Problem Solving, Engineering Software, Professional Development, Professionalism, Interviewing Skills, Cloud Computing, Software Engineering, Relationship Building, Application Development, Verbal Communication Skills, and DevOps

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

IBM Skills Network Team
84 Courses1,583,513 learners
Michelle Saltoun
IBM
2 Courses270,317 learners
Muhammad Yahya
IBM
5 Courses93,975 learners
Corey Leong
IBM
1 Course27,883 learners
Richa Arora
IBM
11 Courses125,477 learners
Rav Ahuja
IBM
56 Courses4,403,562 learners
Upkar Lidder
IBM
17 Courses497,340 learners
Lavanya Thiruvali Sunderarajan
8 Courses229,884 learners
Bethany Hudnutt
IBM
3 Courses469,491 learners
Ramanujam Srinivasan
IBM
20 Courses139,869 learners

Offered by

IBM

Compare with similar products

Category: This Certificate
Rating
Level
Skills
Tools
Last updated
Number of practice exercises
Degree eligibility
Part of Coursera Plus

You might also like

Related skills

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Coursera Plus

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

More questions

Financial aid available,

¹ Median salary and job opening data are sourced from Lightcast™ Job Postings Report. Content Creator, Machine Learning Engineer and Salesforce Development Representative (1/1/2024 - 12/31/2024) All other job roles (11/1/2024 - 11/1/2025)