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,059 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,059 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, WordPress, User Interface and User Experience (UI/UX) Design, No-Code Development, Content Management Systems, Web Design and Development, Full-Stack Web Development, Application Development, Web Design, Web Servers, Back-End Web Development, 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 Development Life Cycle, Software Engineering, Computer Programming, Front-End Web Development, Back-End Web Development, Software Architecture, Integrated Development Environments, Application Development, Software Design, Cloud Development, Software Development, Programming Principles, Scrum (Software Development), Agile Methodology, Python Programming, Web Development, and Software Design Patterns

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, User Interface and User Experience (UI/UX) Design, Prototyping, Typography, User Experience Design, Web Design, User Interface (UI), Web Applications, Graphic and Visual Design, and Mobile 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), Web Development, Browser Compatibility, Responsive Web Design, Scripting, 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, Web Design, HTML and CSS, Web Applications, UI Components, and Front-End Web Development

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

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

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

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

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

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

MongoDB, NoSQL, User Story, Behavior-Driven Development, Cloud-Native Computing, Agile Methodology, Test Driven Development (TDD), CI/CD, DevOps, Scrum (Software Development), Software Development, Continuous Delivery, Agile Project Management, 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, Figma (Design Software), GitHub, Web Analytics and SEO, Application Deployment, Mockups, Software Development, HTML and CSS, UI Components, Databases, Web Development, Web Design, Web Design and Development, and Front-End Web 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, Engineering Software, Software Engineering, Verbal Communication Skills, Problem Solving, Cloud Computing, Relationship Building, DevOps, Application Development, Professionalism, Professional Development, 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,558,754 learners
Michelle Saltoun
IBM
2 Courses267,280 learners
Muhammad Yahya
IBM
5 Courses92,573 learners
Corey Leong
IBM
1 Course27,300 learners
Richa Arora
IBM
11 Courses122,796 learners
Rav Ahuja
IBM
56 Courses4,347,424 learners
Upkar Lidder
IBM
17 Courses491,616 learners
Lavanya Thiruvali Sunderarajan
8 Courses226,965 learners
Bethany Hudnutt
IBM
3 Courses461,082 learners
Ramanujam Srinivasan
IBM
19 Courses135,788 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)