GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → arcuri82 → web_development_and_api_design

arcuri82 / web_development_and_api_design

Licence: LGPL-3.0 License
Code for the PG6301 course on Web Development and API Design

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects
python
139335 projects - #7 most used programming language
shell
77523 projects

Labels

reactnodejstestinggraphqlsecuritybabelspawebpackrest

Projects that are alternatives of or similar to web development and api design

Vue Spa Project
vue.js + vuex + vue-router + fetch + element-ui + es6 + webpack + mock 纯前端SPA项目开发实践
Stars: ✭ 118 (+131.37%)
Mutual labels:  babel, spa
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (+78.43%)
Mutual labels:  babel, spa
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+458.82%)
Mutual labels:  babel, spa
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (+358.82%)
Mutual labels:  babel, spa
eslint-config-satya164
An ESLint config with automatic overrides for common environments such as TypeScript, Jest etc.
Stars: ✭ 45 (-11.76%)
Mutual labels:  babel
node-starter-kit
Node.js / GraphQL project template pre-configured with TypeScript, PostgreSQL, login flow, transactional emails, unit tests, CI/CD workflow.
Stars: ✭ 76 (+49.02%)
Mutual labels:  babel
starbase
⭐ Production-ready website boilerplate made with webpack 5, modern JS (via Babel 7) & Sass
Stars: ✭ 70 (+37.25%)
Mutual labels:  babel
cakephpvue-spa
A CakePHP + VueJS single page application skeleton/boilerplate.
Stars: ✭ 40 (-21.57%)
Mutual labels:  spa
wordpress-day-spa
Example Vue.js-powered SPA running in the WordPress Admin with vue-router and vue-loader
Stars: ✭ 18 (-64.71%)
Mutual labels:  spa
ChRIS store ui
UI for the ChRIS Store
Stars: ✭ 47 (-7.84%)
Mutual labels:  spa
englishextra.github.io
English Grammar for Russian-Speakers, a PWA website + SPA
Stars: ✭ 19 (-62.75%)
Mutual labels:  spa
wecty
Frontend ToolKit for Go and TinyGo.
Stars: ✭ 34 (-33.33%)
Mutual labels:  spa
modular-styles
Extract CSS into CSS Modules for any language!
Stars: ✭ 25 (-50.98%)
Mutual labels:  spa
vuetibook
Integrating Vue.js, Vuetify and Storybook
Stars: ✭ 16 (-68.63%)
Mutual labels:  spa
react-enterprise-starter-kit
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. 🔥
Stars: ✭ 55 (+7.84%)
Mutual labels:  babel
react-app-rewire-babel-loader
Rewire babel-loader loader in your create-react-app project using react-app-rewired.
Stars: ✭ 20 (-60.78%)
Mutual labels:  babel
web
🧱 Write your website in pure Swift with power of webassembly. DOM, CSS and all the WebAPIs are available out of the box.
Stars: ✭ 44 (-13.73%)
Mutual labels:  spa
babel-collect-imports
Recursively collect all the internal and external dependencies from an entry point
Stars: ✭ 33 (-35.29%)
Mutual labels:  babel
array-mixer
Powerful, super tiny and easy to use lib to reorder your javascript arrays.
Stars: ✭ 32 (-37.25%)
Mutual labels:  babel
couper
Couper is a lightweight API gateway designed to support developers in building and operating API-driven Web projects
Stars: ✭ 60 (+17.65%)
Mutual labels:  spa
View All Similar Projects ➔

Web Development and API Design

CI

Summary

This repository contains all the material used in the PG6301 course on Web Development and API Design, taught at the university college Høyskolen Kristiania, Oslo, Norway.

The goal of this course is to teach the principles of Single-Page-Applications (SPA), the basics of web services (e.g., REST APIs) and web-sockets.

The programming language used in this course is JavaScript, with NodeJS as runtime. Some of the used technologies are: YARN, WebPack, Babel, React, React-Router, Jest, Express, and Passport.

This course puts particular emphasis on testing and security, but not on frontend design (i.e., UI/UX).

This course focuses on the frontend side of web development, albeit we will build full-stack applications (but no databases). To learn more about backend development (e.g., using Java/Kotlin), you can see this other repository: Testing, Security and Development of Enterprise Systems.

The course is divided in 12 lessons, each one lasting between 2 and 4 hours. Each lesson contains slides and full working code examples. Slides just give high level overviews: most of the explanations will be directly in the code as comments.

Lessons













  • Extra: GraphQL APIs

    Code in the extra-graphql folder. Slides here: PDF

    Exercises: none

Useful Links

Exam

A PDF of a mock exam for this course can be found here.

License & Copyright

The materials herein are all Copyright (c) of Andrea Arcuri and contributors. The material was/is produced while working at Westerdals Oslo ACT and Høyskolen Kristiania.

All the source code in this repository is released under LGPL version 3 license.

Creative Commons License
The documentation is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 4.0 Unported License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].