Giter VIP home page Giter VIP logo

address-book-tutorial's Introduction

address-book-tutorial

HOW TO RUN: install Flask, MySQL, MySQLdb clone repo cd to /app run "python app.py" open "127.0.0.1:5000" in browser

Super Duper Ultra Basic Introduction to Web Dev

MAKE YOUR PULL REQUEST NOW

CHECKPOINT 8 - Final Touches -use bootstrap to make things prettier -remove hard coded table rows -change API to be RESTful

CHECKPOINT 7 - Linking Ends -rewrite JS to fit with backend -GET, ADD, and DELETE functions -rewrite addResults for both GET and ADD

CHECKPOINT 6 - Flask -learn how API endpoints work --set up routers -learn about JSON -change link/script paths in html -get app up and running via Flask

CHECKPOINT 5 - Python -communicate with DB -create three functions --GET, ADD, DELETE -test SQL communication

CHECKPOINT 4 - SQL -create database -create root user -create table/schema -create columns -add and test insertion

MAKE YOUR PULL REQUEST NOW

CHECKPOINT 3 - JavaScript -get familiar with jQuery -add rows to table when button is clicked -delete row when link is clicked

CHECKPOINT 2 - CSS -add margins -left align table headers -widen columns

CHECKPOINT 1 - HTML -make form -make table -wrap in divs -hard code some rows

CHECKPOINT 0 - project structure -create .gitignore -create directory structure

\app \static \img \css \js .gitignore README.md

address-book-tutorial's People

Watchers

Krishna Thiagarajan avatar

Forkers

phrayezzen jfking

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.