Getting Started with Front-End and Web Development

Getting Started with Front-End and Web Development

This course is part of IBM Front-End Developer Professional Certificate

Instructors: IBM Skills Network Team

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.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

12 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Build your Mobile and Web Development expertise

This course is part of the IBM Front-End Developer Professional Certificate

When you enroll in this course, you'll also be enrolled in this Professional Certificate.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate from IBM

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

There are 6 modules in this course

Have you encountered a website with stunning design, user-friendly interactivity, and dynamic elements and wondered how it was put together? If so, this course is designed for you! It is tailored for aspiring front-end developers or those who want to get started in this field.

In this course, you will gain an understanding of front-end and web development, exploring the significance of User Interface (UI) and User Experience (UX) design. You will delve into the workings of web browsers and the internet, learning about the tools and technologies that enable you to create interactive and engaging websites and applications. Additionally, you'll explore No-Code development and be introduced to Content Management Systems (CMS). Throughout this course, we will provide step-by-step instructional guidance to help you engage in hands-on activities. You will also discover various job opportunities and potential career paths in the front-end development field and hear from industry professionals about their roles and experience as front-end developers. This course is designed for beginners in Front-end development and does not require prior programming or web development experience.

This module will introduce you to the world of web and front-end development. You'll gain insights into the routine of a typical day within a web development project and have the opportunity to explore perspectives from multiple experts regarding different aspects and emerging patterns in web development. You will also gain an understanding of UI/UX design and why grasping UI/UX concepts is vital for front-end developers.

What's included

9 videos4 readings2 assignments1 discussion prompt2 plugins

9 videosTotal 56 minutes

Course Introduction4 minutesPreview module
Overview of Front-End Developer PC5 minutes
Overview of Front-End Development 5 minutes
Overview of Web Development 6 minutes
Expert Viewpoints: Aspects of Web Development 6 minutes
Web Development Project 6 minutes
Expert Viewpoints: Trends in Web Development 6 minutes
Introduction to UI/UX Design 7 minutes
Expert Viewpoints: Is UI/UX Understanding Essential for Front-End Developers?7 minutes

4 readingsTotal 21 minutes

Outline: IBM Front-End Developer PC 5 minutes
Prerequisites and Course Syllabus5 minutes
Web Development Trends 6 minutes
Module 1 Summary: Introduction to Web and Front-End Development5 minutes

2 assignmentsTotal 40 minutes

Module 1 Graded Quiz: Introduction to Web and Front-End Development 30 minutes
Module 1 Practice Quiz: Introduction to Web and Front-End Development10 minutes

1 discussion promptTotal 5 minutes

Introduce yourself and why you are interested in Front-end/ Web Development 5 minutes

2 pluginsTotal 8 minutes

Helpful Tips for Course Completion3 minutes
Module 1 Glossary: Introduction to Web and Front-End Development5 minutes

In this module, you will start with an overview of browsers, including a brief history and features of some popular browsers. You will also have the opportunity to explore the concepts that aid in understanding how the Internet works. In addition, you will be able to explore different concepts related to website development, including websites, webpages, web frameworks, platforms, Internet protocols, and web languages.

What's included

13 videos1 reading3 assignments1 plugin

13 videosTotal 84 minutes

Overview of Browsers 6 minutesPreview module
How Browsers and Requests Work5 minutes
Introduction to HTTP and HTTPS 6 minutes
How Does a Web Server Work? 7 minutes
Video: Introduction to Websites and Pages 7 minutes
Expert Viewpoints: Where does a Front-End developer play a key role? 7 minutes
Web Frameworks and Platforms 6 minutes
Web Hosting and Other Internet Protocols 6 minutes
Web Languages 5 minutes
Introduction to Accessibility 6 minutes
Expert Viewpoints: Which Web Language Do You Prefer? 7 minutes
Saving Data on the Web 6 minutes
Introduction to Cloud 6 minutes

1 readingTotal 5 minutes

Module 2 Summary: Web Infrastructure Basics and Terminology5 minutes

3 assignmentsTotal 50 minutes

Module 2 Graded Quiz: Web Infrastructure Basics and Terminology 30 minutes
Lesson 1: Introduction to Website Basics 10 minutes
Lesson 2: Web Hosting, Protocols, and Languages 10 minutes

1 pluginTotal 5 minutes

Module 2 Glossary: Web Infrastructure Basics and Terminology5 minutes

In this module, you will learn what web development involves right from the start. You will discover the languages, frameworks, and tools enabling you to create interactive and engaging websites and Cloud applications. In addition, you will learn about the roles of front-end, back-end, and full-stack developers and how they work together on development projects and become familiar with the terminology and skills you will need in your career as a web developer.

What's included

8 videos2 readings2 assignments3 plugins

8 videosTotal 38 minutes

Overview of Web and Cloud Development 3 minutesPreview module
Expert Viewpoints: Aspects of the Web Development Lifecycle 2 minutes
Learning Front-End Development 5 minutes
Difference Between Front-End and Back-End Development 6 minutes
Expert Viewpoints: Front-End and Back-End Web Development 5 minutes
Introducing Application Development Tools 5 minutes
More Application Development Tools 4 minutes
Expert Viewpoints: Tools and Technologies 5 minutes

2 readingsTotal 15 minutes

Full-Stack Development 10 minutes
Module 3 Summary: Introduction to Application Development 5 minutes

2 assignmentsTotal 40 minutes

Module 3 Graded Quiz: Introduction to Application Development 30 minutes
Module 3 Practice Quiz: Introduction to Application Development 10 minutes

3 pluginsTotal 40 minutes

Demo: Using Geolocation API in Web Apps20 minutes
Demo: Web Development in Action15 minutes
Glossary - CSS Overview & HTML5 Elements 5 minutes

In this module, you will be introduced to the concept of no-code development and identify the technologies and tools required. It will also provide you with criteria for selecting no-code development. In addition, you will gain insight into the content management system (CMS) and how it helps developers create different types of websites. Finally, you will be introduced to WordPress, a CMS that allows web developers to build and manage their websites and explore WordPress with plugins.

What's included

14 videos1 reading3 assignments1 app item3 plugins

14 videosTotal 80 minutes

What is No-Code Development? 6 minutesPreview module
No-Code Technologies and Tools 6 minutes
Expert Viewpoints: Real Life Experience of No-Code Tools in Development 6 minutes
Criteria for Selecting No-Code Development 5 minutes
Introduction to Content Management System (CMS)5 minutes
Features of Web CMS 4 minutes
Popular CMS Platforms/Tools5 minutes
Expert Viewpoints: Business Benefits of CMS 5 minutes
Web Development with CMS - Part 14 minutes
Web Development with CMS - Part 25 minutes
Getting Started with WordPress - Part 15 minutes
Getting Started with WordPress - Part 26 minutes
Exploring WordPress with Plugins5 minutes
Introduction to SEO and Using SEO Patterns in CMS Websites 6 minutes

1 readingTotal 5 minutes

Module 4 Summary: Get Started with No-Code Development 5 minutes

3 assignmentsTotal 50 minutes

Module 4 Graded Quiz: Get Started with No-Code Development 30 minutes
Lesson 1 Practice Quiz: Introduction to No-Code10 minutes
Lesson 2 Practice Quiz: Content Management Systems10 minutes

1 app itemTotal 15 minutes

Generate a WordPress Site15 minutes

3 pluginsTotal 85 minutes

Hands-on Lab: Customizing a Mini Website with WordPress30 minutes
Hands-on Lab: Enhance Mini Website using WordPress 50 minutes
Module 4 Glossary: Get Started with No-Code Development5 minutes

In this module, you will learn about the front-end developer’s roles, responsibilities,and titles . You will also receive a list of key skills and technologies required for a front-end developer to succeed. In addition, you will gain insight into front-end as a career, the job outlook in the industry, salary, and career progression options. Finally, you will build a front-end developer portfolio and resume.

What's included

9 videos3 readings2 assignments2 plugins

9 videosTotal 58 minutes

Roles, Responsibilities, and Titles of a Front-End Developer 5 minutesPreview module
Developing Front-End Skills 5 minutes
A Day in the Life of a Front-end Developer 5 minutes
Expert Viewpoints: What does your typical day look like as a front-end developer? 7 minutes
Front-End Developer Employment Opportunities 6 minutes
Expert Viewpoints: Why Become a Front-end Developer? 7 minutes
Building a Front-End Developer Portfolio and Resume 8 minutes
Career Progression for a Front-End Developer 7 minutes
Expert Viewpoints: What Are the Different Career Paths Available to a Front-end Developer? 4 minutes

3 readingsTotal 25 minutes

Key Front-End Trends and Certifications 10 minutes
Is Front-End Development the Right Fit for You? 10 minutes
Module 5 Summary: Front-End Developer Skills and Career Paths 5 minutes

2 assignmentsTotal 40 minutes

Module 5 Graded Quiz: Front-End Developer Skills and Career Paths 30 minutes
Module 5 Practice Quiz: Front-End Developer Skills and Career Paths 10 minutes

2 pluginsTotal 35 minutes

Hands-on Lab: Exploring Front-end Job Opportunities 30 minutes
Module 5 Glossary: Front-End Developer Skills and Career Paths5 minutes

In this module, you will complete a final project where you will have an opportunity to demonstrate your proficiency in Front-end and Web development using WordPress.