- Level Foundation
- Duration 19 hours
- Course by Meta
-
Offered by
About
Welcome to Introduction to Back-End Development, the first course in the Meta Back-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.Modules
Introduction to the Professional Certificate
1
Discussions
- Meet and greet
4
Videos
- Introduction to the Program
- Introduction to the course
- Front-end, back-end and full-stack developer roles
- A day in the life of a back-end developer
3
Readings
- Course syllabus for Introduction to Back-End Development
- How to be successful in this course
- Capstone project overview
How the web works
1
Assignment
- Knowledge Check - How the web works
5
Videos
- How the internet works
- What is a web server and how does it work?
- What are websites and webpages?
- What is a web browser and how does it work?
- Web hosting
1
Readings
- Additional Resources
Core internet technologies
3
Assignment
- Knowledge Check - The Web and the Internet
- Knowledge Check - Core Internet Technologies
- Module Quiz: Get started with Web Development
9
Videos
- Introduction to Internet Protocols
- Introduction to HTTP
- Intro to HTML, CSS and Javascript
- Webpages, Websites and Web Apps
- Developer tools
- Frameworks and libraries
- APIs and services
- What is a an IDE?
- Module Summary - Get started with Web Development
7
Readings
- HTTP examples
- Other Internet Protocols
- Exercise: Examine a web page
- Exercise: Edit a website using a browser developer tools
- Setting up your local development environment
- Visual Studio Code on Coursera
- Additional Resources
1
Quiz
- Self -review: Examine a Page
Getting started with HTML
- Creating an HTML Document
1
Assignment
- Knowledge Check - Getting started with HTML
8
Videos
- What is Hyper Text Markup Language?
- HTML documents
- Linking documents
- Adding images to a webpage with HTML
- Use HTML to work with data in tables
- What are forms?
- Introduction to the DOM
- Web accessibility
2
Readings
- Simple HTML tags
- Additional Resources
CSS Basics
- Styling a page
1
Assignment
- Knowledge check: CSS basics
3
Videos
- Selecting and styling
- Box model introduction
- Document flow - block vs. inline
4
Readings
- Different types of selectors
- Text and color in CSS
- Alignment basics
- Additional resources
Creating a web page
- Create and style a webpage
1
Assignment
- Module Quiz: Introduction to HTML and CSS
1
Discussions
- Discuss challenges you faced creating and styling the webpage
1
Videos
- Module Summary - Introduction to HTML and CSS
Intro to UI Frameworks and Libraries
3
Assignment
- Self Review: Working with Bootstrap Grid
- Self review: Working with Bootstrap components
- Knowledge Check: Introduction to UI frameworks and libraries
2
Labs
- Working with Bootstrap grid
- Working with Bootstrap components
6
Videos
- Working with libraries
- Introduction to responsive design
- Getting started with Bootstrap
- Using Bootstrap styles
- Bootstrap grid
- Bootstrap components
4
Readings
- Bootstrap
- Using Bootstrap documentation
- Other CSS frameworks and libraries
- Additional Resources
Introduction to React
2
Assignment
- Knowledge Check: Introduction to React
- Module Quiz: UI Frameworks
6
Videos
- Static and dynamic content
- Single page applications
- What is React?
- How React works
- Component hierarchy
- Module Summary: UI Frameworks
4
Readings
- Case Study: Why did Facebook engineers create React?
- The Virtual DOM
- React and complimentary libraries
- Additional Resources
Graded Assessment
2
Assignment
- Self review: Improve your Bio page with Bootstrap
- Course 1 Assessment: Introduction to Web Development
1
Discussions
- What challenges did you encounter while editing your biographical page?
1
Labs
- Improve your Bio page with Bootstrap
1
Videos
- Course 1 Recap: Introduction to Web Development
2
Readings
- About the Ungraded Lab: Improve your Bio page with Bootstrap
- Exemplar
Course wrap-up
1
Discussions
- What did you find most challenging and most rewarding in this course?
1
Videos
- Congratulations, you have completed Introduction to Web Development
1
Readings
- Next steps after Introduction to Web Development
Auto Summary
Unlock the world of web development with the "Introduction to Back-End Development" course, a foundational offering from the Meta Back-End Developer program. Designed for aspiring web developers, this course provides a comprehensive introduction to the essential technologies and skills needed to excel in the field. Guided by an expert instructor from Coursera, you'll delve into the daily responsibilities of a web developer and gain a solid understanding of core web technologies that power the internet. Key learning areas include HTML for webpage creation, CSS for styling, and modern UI frameworks like Bootstrap and React for crafting interactive user experiences. By the end of the course, you will confidently describe the role of a front-end developer, explain fundamental web technologies, and build a responsive webpage using HTML and Bootstrap. This hands-on project ensures you can apply what you've learned in real-world scenarios. With a total duration of 1140 minutes, this beginner-level course is accessible to anyone with basic internet navigation skills and a keen interest in coding. Flexible subscription options, including Starter, Professional, and Paid plans, make it easy to get started on your web development journey. Ideal for those new to web development, this engaging course empowers you with the foundational knowledge and skills needed to start building your own websites and applications. Join us and take the first step towards becoming a proficient web developer!

Taught by Meta Staff