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,058 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,058 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, No-Code Development, Content Management Systems, User Interface and User Experience (UI/UX) Design, WordPress, Web Servers, Web Design and Development, Application Development, Back-End Web Development, Web Design, Web Development Tools, and Full-Stack Web Development

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 Life Cycle, Back-End Web Development, Software Architecture, Computer Programming, Front-End Web Development, Software Design, Software Development, Programming Principles, Cloud Development, Agile Methodology, Integrated Development Environments, Python Programming, Application Development, Scrum (Software Development), Software Design Patterns, and Web Development

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), Prototyping, User Interface and User Experience (UI/UX) Design, Wireframing, Web Applications, User Interface (UI), Typography, Mobile Development, Graphic and Visual Design, Web Design, User Experience 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, Bootstrap (Front-End Framework), Cascading Style Sheets (CSS), Browser Compatibility, Web Development, Scripting, Application Programming Interface (API), Back-End Web Development, and Responsive Web Design

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, HTML and CSS, UI Components, Web Applications, Front-End Web Development, and Web Design

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, Web Applications, DevOps, Version Control, Command-Line Interface, 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, UI Components, React Redux, Front-End Web Development, Full-Stack Web Development, Javascript, Web Applications, Web Development, Event-Driven Programming, Data Structures, Cascading Style Sheets (CSS), and JavaScript Frameworks

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

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

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

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

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, GitHub, Figma (Design Software), Web Analytics and SEO, Application Deployment, Mockups, Front-End Web Development, Software Development, Web Development, Web Design and Development, Databases, Web Design, HTML and CSS, and UI Components

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, Relationship Building, Software Engineering, Verbal Communication Skills, Engineering Software, Software Development, Professional Development, DevOps, Application Development, Professionalism, Problem Solving, Cloud Computing, and Interviewing Skills

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
IBM
83 Courses1,555,405 learners
Michelle Saltoun
IBM
2 Courses266,755 learners
Muhammad Yahya
IBM
5 Courses92,449 learners
Corey Leong
IBM
1 Course27,241 learners
Richa Arora
IBM
11 Courses122,456 learners
Rav Ahuja
IBM
56 Courses4,340,407 learners
Upkar Lidder
IBM
17 Courses490,746 learners
Lavanya Thiruvali Sunderarajan
8 Courses226,580 learners
Bethany Hudnutt
IBM
3 Courses459,987 learners
Ramanujam Srinivasan
IBM
19 Courses135,305 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 (10/1/2024 - 10/1/2025)