Introduction to Front-End Development

Offrez à votre carrière le cadeau de Coursera Plus avec $160 de réduction, facturé annuellement. Économisez aujourd’hui.

Introduction to Front-End Development

Name: Introduction to Front-End Development
Rating: 4.770347373720423 (11918 reviews)

Ce cours fait partie de Meta Front-End Developer Certificat Professionnel

Instructeur : Taught by Meta Staff

386 800 déjà inscrits

Inclus avec Coursera Plus

4 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

4.8

(11,918 avis)

niveau Débutant

Expérience recommandée

Planning flexible

Env. 18 heures

Apprenez à votre propre rythme

97%

La plupart des apprenants ont aimé ce cours

4 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

4.8

(11,918 avis)

niveau Débutant

Expérience recommandée

Planning flexible

Env. 18 heures

Apprenez à votre propre rythme

97%

La plupart des apprenants ont aimé ce cours

Ce que vous apprendrez

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.

Compétences que vous acquerrez

Catégorie : Web Development Tools
Catégorie : HTML and CSS
Catégorie : Responsive Web Design
Catégorie : Front-End Web Development
Catégorie : User Interface

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

15 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

Élaborez votre expertise en Mobile and Web Development

Ce cours fait partie de la Meta Front-End Developer Certificat Professionnel

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à ce Certificat Professionnel.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable auprès de Meta

Obtenez un certificat professionnel

Ajoutez cette qualification à votre profil LinkedIn ou à votre CV

Partagez-le sur les réseaux sociaux et dans votre évaluation de performance

Il y a 4 modules dans ce cours

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.

In this module, you will learn about the different types of web developers and the roles and responsibilities of front-end, back-end, and full-stack developers. You will take a first look at the core technologies of HTML, CSS, and Javascript and explore the concepts that underpin how the internet works.

Inclus

18 vidéos11 lectures5 devoirs1 sujet de discussion

18 vidéosTotal 72 minutes

Introduction to the Program3 minutesPrévisualiser le module
Introduction to the course4 minutes
Front-end, back-end and full-stack developer roles5 minutes
A day in the life of a front-end developer5 minutes
How the internet works1 minute
What is a web server and how does it work?2 minutes
What are websites and webpages?5 minutes
What is a web browser and how does it work?3 minutes
Web hosting3 minutes
Introduction to Internet Protocols4 minutes
Introduction to HTTP7 minutes
Intro to HTML, CSS and Javascript4 minutes
Webpages, Websites and Web Apps2 minutes
Developer tools3 minutes
Frameworks and libraries5 minutes
APIs and services4 minutes
What is a an IDE?3 minutes
Module Summary - Get started with Web Development2 minutes

11 lecturesTotal 105 minutes

Course syllabus for Introduction to Front-End Development5 minutes
How to be successful in this course10 minutes
Capstone project demo: Little Lemon website10 minutes
Additional Resources10 minutes
HTTP examples10 minutes
Other Internet Protocols10 minutes
Exercise: Examine a web page10 minutes
Exercise: Edit a website using a browser developer tools10 minutes
Setting up your local development environment10 minutes
Visual Studio Code on Coursera10 minutes
Additional Resources10 minutes

5 devoirsTotal 95 minutes

Module Quiz: Get started with Web Development30 minutes
Knowledge Check - How the web works27 minutes
Knowledge Check - The Web and the Internet21 minutes
Self -review: Examine a Page5 minutes
Knowledge Check - Core Internet Technologies12 minutes

1 sujet de discussionTotal 10 minutes

Meet and greet10 minutes

In this module you will learn how to construct HTML documents and add basic styling and layout using CSS.

Inclus

12 vidéos6 lectures3 devoirs3 devoirs de programmation1 sujet de discussion

12 vidéosTotal 48 minutes

What is Hyper Text Markup Language?4 minutesPrévisualiser le module
HTML documents4 minutes
Linking documents2 minutes
Adding images to a webpage with HTML3 minutes
Use HTML to work with data in tables3 minutes
What are forms?4 minutes
Introduction to the DOM4 minutes
Web accessibility3 minutes
Selecting and styling6 minutes
Box model introduction4 minutes
Document flow - block vs. inline3 minutes
Module Summary - Introduction to HTML and CSS3 minutes

6 lecturesTotal 65 minutes

Simple HTML tags15 minutes
Additional Resources10 minutes
Different types of selectors10 minutes
Text and color in CSS10 minutes
Alignment basics10 minutes
Additional resources10 minutes

3 devoirsTotal 60 minutes

Module Quiz: Introduction to HTML and CSS30 minutes
Knowledge Check - Getting started with HTML15 minutes
Knowledge check: CSS basics15 minutes

3 devoirs de programmationTotal 180 minutes

Creating an HTML Document60 minutes
Styling a page60 minutes
Create and style a webpage60 minutes

1 sujet de discussionTotal 10 minutes

Discuss challenges you faced creating and styling the webpage10 minutes

In this module you will learn how to use the Bootstrap framework to build responsive interfaces and the benefits of working with UI frameworks.

Inclus

12 vidéos8 lectures5 devoirs2 laboratoires non notés

12 vidéosTotal 49 minutes

Working with libraries4 minutesPrévisualiser le module
Introduction to responsive design4 minutes
Getting started with Bootstrap5 minutes
Using Bootstrap styles4 minutes
Bootstrap grid2 minutes
Bootstrap components7 minutes
Static and dynamic content3 minutes
Single page applications5 minutes
What is React?3 minutes
How React works2 minutes
Component hierarchy2 minutes
Module Summary: UI Frameworks2 minutes

8 lecturesTotal 85 minutes

Bootstrap10 minutes
Using Bootstrap documentation10 minutes
Other CSS frameworks and libraries10 minutes
Additional Resources10 minutes
Case Study: Why did Facebook engineers create React?10 minutes
The Virtual DOM10 minutes
Alternatives to React15 minutes
Additional Resources10 minutes

5 devoirsTotal 78 minutes

Module Quiz: UI Frameworks30 minutes
Self Review: Working with Bootstrap Grid9 minutes
Self review: Working with Bootstrap components9 minutes
Knowledge Check: Introduction to UI frameworks and libraries15 minutes
Knowledge Check: Introduction to React15 minutes

2 laboratoires non notésTotal 120 minutes

Working with Bootstrap grid60 minutes
Working with Bootstrap components60 minutes

In this module, you will be assessed on the key skills covered in the Course.

Inclus

2 vidéos3 lectures2 devoirs2 sujets de discussion1 laboratoire non noté

2 vidéosTotal 5 minutes

Course 1 Recap: Introduction to Web Development2 minutesPrévisualiser le module
Congratulations, you have completed Introduction to Web Development2 minutes

3 lecturesTotal 11 minutes

About the Ungraded Lab: Improve your Bio page with Bootstrap5 minutes
Exemplar 5 minutes
Next steps after Introduction to Web Development1 minute

2 devoirsTotal 39 minutes

Course 1 Assessment: Introduction to Web Development30 minutes
Self review: Improve your Bio page with Bootstrap9 minutes

2 sujets de discussionTotal 20 minutes

What challenges did you encounter while editing your biographical page?10 minutes
What did you find most challenging and most rewarding in this course?10 minutes

1 laboratoire non notéTotal 60 minutes

Improve your Bio page with Bootstrap60 minutes

Instructeur

Évaluations de l’enseignant

4.8 (4,368 évaluations)

Taught by Meta Staff

Offert par

Recommandé si vous êtes intéressé(e) par Mobile and Web Development

Meta
Introduction to Back-End Development
Cours
Scrimba
Frontend Development
Spécialisation
IBM
Getting Started with Front-End and Web Development
Cours
Board Infinity
Libraries and Frameworks for Frontend Development
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Avis des étudiants

Affichage de 3 sur 11918

4.8

11 918 avis

5 stars
81,74 %
4 stars
15,32 %
3 stars
1,89 %
2 stars
0,40 %
1 star
0,63 %

Révisé le 11 avr. 2023

Révisé le 18 avr. 2023

Révisé le 13 mars 2023

Voir plus d’avis

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à plus de 7 000 cours de renommée internationale, à des projets pratiques et à des programmes de certificats reconnus sur le marché du travail, tous inclus dans votre abonnement

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.