Git Product home page Git Product logo

unit-full-stack-web-development's Introduction

Module 4: Full Stack: PERN-Stack: Postgres, Express, React, Node

We're going to be learning about full stack web development.

First, we're going to learn about servers and how to send:

  • Simple strings
  • Very short bits of HTML
  • JSON

We won't be using a database yet. We're going to mock it by just using arrays of objects to represent the way the database would send and receive data. This will allow us to focus on the concepts and code of servers.

Then, we'll to create a more robust view of our data (connect to React app)

Next, we'll learn about databases and learn basic SQL.

Finally, we'll connect our server to our database so that we can create full stack web applications.

Learning Outcomes

  • Explain what is the internet
  • Explain the request/response cycle
  • Describe what a server does
  • Use Express to build a server
  • Use Express to build a RESTful API that has full CRUD functionality for one model
  • Create views for the express API using React
  • Explain what is a database
  • Use Postgres to build a database and interact with it through its CLI
  • Use SQL to run CRUD operations and JOINs
  • Use pg-promise npm package to build a web application backed by SQL
  • Build a backend with multiple models that have at least one relationship (one to many)
lesson lab
Introduction to the Internet & Servers Canvas written assignment
Express Response lab-intro-to-express-response
Express Request lab-intro-to-express-request
Express CRUD & MVC lab-express-rest-crud-mvc-index
Express Middleware & RESTful Routes: Show and Create lab-express-rest-show-create
Express RESTful Routes: Update and Delete lab-express-rest-delete-update
Connect Express and React lab-express-connect-react
Budgeting App none
Intro to Databases: SQL lab-intro-to-sql
App Planning: ERDs lab-app-planning-erds
Intro to Databases: SQL Joins lab-intro-to-sql-joins
Express & SQL: Seed & Read lab-express-sql-seed-read
Express & SQL: Show & Create lab-express-sql-create-show
Express & SQL: Update & Delete lab-express-sql-delete-update
PERN Stack: CRUD lab-pern-crud
Single Resource Project none
PERN STack One-to-Many Back-end lab-pern-crud-one-to-many-back-end
Pern Stack One-to-Many Front-end lab-pern-one-to-many-front-end
Bonus: Express many-to-many none
Full-Stack Portfolio Project

unit-full-stack-web-development's People

Contributors

jdrichardstech avatar krafalski avatar bwreid avatar razefron avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.