Monthly Subscription Starting at AED 99 + VAT

The Full Stack
  • Level Professional
  • المدة 25 ساعات hours
  • الطبع بواسطة Meta
  • Offered by

عن

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills. By the end of this course you will be able to: - Explain common concepts related to full stack development - Use HTML, CSS and JavaScript to develop well-structured, interactive and responsive websites - Build a full stack application using Django that stores its data in models on a MySQL database and updates its pages with forms and API endpoints - Describe the different environments that web applications are deployed to To complete this course you will need previous experience with back-end development, Python, version control, databases, Django web framework and APIs.

الوحدات

Course Introduction

    • 2 Videos
    • 3 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • What do you hope to learn?

2 Videos

  • Introduction to the course
  • A day in the life of a full stack developer

3 Readings

  • Course syllabus
  • How to be successful in this course
  • Working with labs and exercises in this course

Introduction to the full stack

    • 3 Videos
    • 2 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Knowledge check: Introduction to the full stack
  • Module Quiz: Introduction to the Full Stack

3 Videos

  • What is full stack development?
  • N-tier architecture
  • Module summary: Introduction to the full stack

2 Readings

  • Recap: What you know about client-server architecture
  • Additional resources

HTML

    • 6 Videos
    • 4 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge check: HTML

6 Videos

  • How are HTML and CSS used in the real world?
  • Semantic tags and why we need them
  • What is Hyper Text Markup Language?
  • Semantic tags in action
  • Forms and validation
  • Form submission

4 Readings

  • Semantic HTML cheat sheet
  • Input types
  • Submit
  • Additional resources

CSS

    • 6 Videos
    • 6 Readings
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Create a grid layout
  • Knowledge check: CSS

1 Labs

  • Create a grid layout

6 Videos

  • CSS web layout
  • Widely used selectors
  • Document flow - block vs. inline
  • Basic flexbox
  • CSS grids
  • Pseudo-classes

6 Readings

  • CSS units of measurement
  • Grids and flexbox cheat sheet
  • Solution: Create a grid layout
  • All selectors and their specificity
  • Pseudo-elements
  • Additional resources

JavaScript

    • 15 Videos
    • 5 Readings
    • 3 Assignment
Show info about module content

3 Assignment

  • Self review: Declaring variables
  • Knowledge check: JavaScript
  • Module Quiz: Front-End Technologies

15 Videos

  • Why JavaScript?
  • Programming in JavaScript
  • Variables
  • Data types
  • Operators
  • Numbers
  • Strings
  • Booleans
  • JavaScript selectors
  • Scoping with var, let and const
  • Functions
  • JavaScript DOM manipulation
  • Event handling
  • Frameworks and libraries
  • Module summary: Front-end technologies

5 Readings

  • Exercise: Declaring variables
  • Solution: Declaring variables
  • JavaScript interactivity
  • Exercise: Web page content update
  • Additional resources

Django Architecture

    • 2 Videos
    • 3 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge check: Django architecture

2 Videos

  • Recap: What you know about Django
  • Recap: What you know about APIs

3 Readings

  • Environment check
  • Optional: Creating a Django project (steps and code)
  • Additional resources

Django and MySQL

    • 2 Videos
    • 6 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Self-review: Connect Django to MySQL
  • Knowledge check: Django and MySQL

2 Videos

  • Recap: What you know about Databases and MySQL
  • Configuring Django to connect to MySQL

6 Readings

  • Setting up a MySQL database on Windows
  • Setting up a MySQL database on Mac
  • Recap: Models and migrations
  • Exercise: Connect Django to MySQL
  • Solution: Connect Django to MySQL
  • Additional resources

Django and the front-end

    • 3 Videos
    • 4 Readings
    • 3 Assignment
Show info about module content

3 Assignment

  • Self Review: Submitting a form with JavaScript
  • Knowledge Check: Django and the front-end
  • Module Quiz: The Full Stack Using Django

3 Videos

  • Recap: What you know about forms and ModelForms
  • Fetching data using JavaScript
  • Module summary: The full stack using Django

4 Readings

  • Querying APIs using JavaScript
  • Exercise: Submitting a form with JavaScript
  • Solution: Submitting a form with JavaScript
  • Additional resources

Web server environments

    • 2 Videos
    • 2 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge check: Web server environments

2 Videos

  • Server and serverless
  • Virtual machines and containerization

2 Readings

  • What does self-hosted, PaaS, SaaS and DBaaS mean?
  • Additional resources

Introduction to cloud computing

    • 2 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Knowledge check: Introduction to cloud computing

2 Videos

  • What is cloud computing?
  • Key elements of cloud computing

1 Readings

  • Networking in the cloud

Scaling in the cloud

    • 3 Videos
    • 1 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Knowledge check: Scaling in the cloud
  • Module Quiz: Production Environments

3 Videos

  • What is scaling?
  • Load balancing
  • Module summary: Production Environments

1 Readings

  • How a CDN improves scaling

Final project assessment

    • 1 Videos
    • 5 Readings
    • 1 PeerReview
    • 4 Assignment
Show info about module content

4 Assignment

  • Readiness check: Connect the Little Lemon back-end to MySQL
  • Readiness check: Set up a Little Lemon booking API
  • Readiness check: Display the Little Lemon available booking times
  • Final Graded Quiz: The Full Stack

1 Peer Review

  • Little Lemon booking system

1 Videos

  • Course recap: The full stack

5 Readings

  • About the final assessment
  • Exercise: Connect the Little Lemon back-end to MySQL
  • Exercise: Set up a Little Lemon booking API
  • Exercise: Display the Little Lemon available booking times
  • Solution: Little Lemon booking system

Course wrap up

    • 1 Videos
    • 1 Readings
    • 1 Discussion
Show info about module content

1 Discussions

  • Reflect on learning

1 Videos

  • Course wrap up

1 Readings

  • Next steps

Auto Summary

Discover "The Full Stack" course on Coursera, designed for IT & Computer Science professionals. Enhance your full-stack development skills by building a Django app from scratch. This course covers HTML, CSS, JavaScript, MySQL, and API integration. With a focus on practical application, you'll refactor existing applications and create new ones. Ideal for those with back-end development experience, this 1500-hour course is available with Starter and Professional subscription options. Join now to advance your web development expertise!

Taught by Meta Staff
Instructor

Taught by Meta Staff