Front-End Developer Capstone

 

What you'll learn

Design and style a responsive User Interface (UI)

Demonstrate clean and bug free coding

Use React components to create multiple views

Create a website front-end using React JS and JavaScript

Join Free: Front-End Developer Capstone

There are 4 modules in this course

The Capstone project enables you to demonstrate multiple skills from the Certificate by solving an authentic real-world problem. Each module includes a brief recap of, and links to, content that you have covered in previous courses in this program. 

This course will test your knowledge and understanding, and provide you with a platform to show off your new abilities in front-end web development using React. During this course, you will be guided through the process of building an app, combining all the skills and technologies you've learned throughout this program to solve the problem at hand. 

On completion of the Capstone project, you’ll have a job-ready portfolio that you can show to recruiters, demonstrate during interviews and impress potential employers.

To complete this course, you will need front-end developer experience.  Additionally, it always helps to have a can-do attitude!

Read More

Introduction to Front-End Development

 

What you'll learn

Distinguish between front-end, back-end, and full-stack developers.

Create and style a webpage with HTML and CSS.

The benefits of working with UI frameworks.

Join Free: Introduction to Front-End Development

There are 4 modules in this course

Welcome to Introduction to Front-End Development, the first course in the Meta Front-End Developer program.  

This course is a good place to start if you want to become a web developer. You will learn about the day-to-day responsibilities of a web developer and get a general understanding of the core and underlying technologies that power the internet. You will learn how front-end developers create websites and applications that work well and are easy to maintain. 

You’ll be introduced to the core web development technologies like HTML and CSS and get opportunities to practice using them. You will also be introduced to modern UI frameworks such as Bootstrap and React that make it easy to create interactive user experiences. 

By the end of the course, you will be able to: 

- Describe the front-end developer role 

- Explain the core and underlying technologies that power the internet 

- Use HTML to create a simple webpage 

- Use CSS to control the appearance of a simple webpage 

- Explain what React is 

- Describe the applications and characteristics of the most popular UI frameworks 

For the final project in this course, you will create and edit a webpage using HTML and the Bootstrap CSS framework. Using a responsive layout grid, you will construct a responsive webpage containing text and images that looks great on any size screen. 

This is a beginner course intended for learners eager to learn the fundamentals of web development. To succeed in this course, you do not need prior web development experience, only basic internet navigation skills and an eagerness to get started with coding.

Read More

Capstone (React App)

 

What you'll learn

Designing and styling a responsive User Interface (UI) 

Demonstrating clean and bug free coding 

Using React components 

Creating a cross-platform mobile app using React Native

Join Free: Capstone (React App)

There are 3 modules in this course

This course enables you to demonstrate multiple skills from this program by solving an authentic real-world problem. Each module includes a brief recap of, and links to, content that you have covered in previous courses in this program. The course Capstone project will test your knowledge and understanding in mobile development using React Native. 

To complete this course, you will need React Native experience.  

During this course, you will be guided through the process of building an app, combining all the skills and technologies you've learned throughout this program to solve the problem at hand. 

By the end of this course, you will be able to demonstrate the following skills:

 - Set up a development environment for working on a React Native project

 - Set up a remote GitHub repository to which you can commit local project changes

 - Apply UX and UI principles to guide creation of a wireframe and prototype for your app

 - Develop screens for a React Native app featuring various components and interactive elements

 - Design an onboarding process for welcoming new users to your app

 - Set up a navigation flow to enable users to move between screens in your app

 - Fetch data from a remote server and store it in a database, and then render it in your app

 - Implement data filtering functionality to enable users to customize information

 - Evaluate the work of your peers and provide informed and constructive feedback

On completion of the Capstone project, you’ll have a job-ready portfolio that you can show to recruiters, demonstrate during interviews and impress potential employers.

Read More

React Native

 

Build your subject-matter expertise

This course is available as part of 

When you enroll in this course, you'll also be asked to select a specific program.

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

Join Free: React Native

There are 5 modules in this course

React Native is an open-source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React to a more advanced implementation using React Native. You’ll review a wide range of different React components and ways of styling them. And you’ll get to practice using different mobile methods of interactivity with React Native.

Some of the basics skills you will learn include:

• Building a single-page React Native app and styling it using basic components

• Building large lists and configuring user inputs within a React Native app

• Using the Pressable component to build buttons and other clickable areas

• Setting up an app with React Navigation and moving between screens

You’ll gain experience with the following tools and software: 

• React

• React Native

• Front End development languages (HTML, CSS and JavaScript)

• JSX

• Code editing programs, such as Expo and Visual Studio Code

This course is for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you will need foundational knowledge of React basics, internet navigation skills and an eagerness to code.

Read More

Advanced React

 

What you'll learn

Create robust and reusable components with advanced techniques and learn different patterns to reuse common behavior

Interact with a remote server and fetch and post data via an API

Seamlessly test React applications with React Testing Library

Integrate commonly used React libraries to streamline your application development

Join Free: Advanced React

There are 4 modules in this course

Learn how to use more advanced React concepts and features, become proficient in JSX, and confidently test your applications.

You’ll examine different types of React components and learn various characteristics and when to use them. You’ll dig into more advanced hooks and create your own. You’ll look into building forms with React. You’ll explore component composition and new patterns, such as Higher Order Components and Render Props. You’ll create a web application that consumes API data and get familiar with the most commonly used React framework integrations, tools, and testing techniques.

By the end of this course, you will be able to:

• Render lists and form components efficiently in React.

• Lift shared state up when several components need the updated data.

• Leverage React Context to share global state for a tree of components.

• Fetch data from a remote server.

• Use advanced hooks in React, and put them to use within your application.

• Build your own custom hooks.

• Understand JSX in depth.

• Embrace component composition techniques

• Use advanced patterns to encapsulate common behavior via Higher Order Components and Render Props.

• Test your React components.

• Build a portfolio using React.

You’ll gain experience with the following tools and software: 

• React.js

• JSX

• React

• HTML, CSS, and JavaScript 

• VSCode

You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.

To take this course, you should understand the basics of React, HTML, CSS, and JavaScript. Additionally, it always helps to have a can-do attitude!

Read More

React Basics

 

What you'll learn

Use reusable components to render views where data changes over time

Organize React projects to create more scalable and maintainable websites and apps

Use props to pass data between components. Create dynamic and interactive web pages and apps

Use forms to allow users to interact with the app. Build an application in React

Join Free: React Basics

There are 4 modules in this course

React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.

By the end of this course, you will be able to:

• Use reusable components to render views where data changes over time

• Create more scalable and maintainable websites and apps 

• Use props to pass data between components 

• Create dynamic and interactive web pages and apps

• Use forms to allow users to interact with the web page 

• Build an application in React

You’ll gain experience with the following tools and software: 

• React.js

• JSX

• React

• HTML, CSS and JavaScript 

• VSCode

You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.

This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

Read More