GithubHelp home page GithubHelp logo

cm1-web-dev's Introduction

cm1-web-dev

This repository contains all the code used in CM1 Phase 2: The Modern Web. The projects worked on during class will be in folders called "in-class".

To Use:

  • Must have node.js and npm installed
  • Must have live-server installed to run a development server

In the Terminal, run:

# make a copy of the repository
git clone https://github.com/rjduran/cm1-web-dev.git

# change directory into the repo folder
cd cm1-web-dev

# run live-server in the repo folder
live-server

week 4 examples

  • hello-world - Basic page in HTML, CSS, and JS
  • hello-live-server - Example of how to serve the same document using two terminal sessions running live-server with different ports.

week 5 examples

  • student-list-bootstrap - Example of a filterable list using Bootstrap as the front-end framework.
  • student-list-materialize - Example of a filterable list using Materialize.css as the front-end framework.

week 6 examples

Strapi as API

This example uses a custom built database in Strapi to serve JSON data through API. The data entered into the database can be found in data.txt.

  • student-list-strapi - Examples of a filterable list using Bootstrap or W3.CSS as the front-end framework and Strapi as the back-end API. Note: Strapi server is not included in the repository. To use this example you will have to build your own Strapi database as shown in the Strapi Quick Start Guide. Pay special attention to the field names you use since they are used in the Javascript (for example, firstname).

Google Sheets API

These examples use helper libraries to make it easier to setup a connection between a website or web app and a Google Sheet via API. Both of these methods are READ only. There isn't WRITE access. To have WRITE access to a Google Sheet you have to use the full Google Sheets API. Also, tabletop.js looks to be in transition due to changes in the Google Sheets API. It currently still works as described but that may change in the future.

cm1-web-dev's People

Contributors

rjduran avatar

Watchers

 avatar James Cloos 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.