Litteraturliste - Tobbekjaer/Portfolio GitHub Wiki

Litteratur for Webudvikling med JavaScript og React

Læringscirkel 1 (Uge 34-35): Grundlæggende JavaScript

LinkedIn Learning Kurser

• HTML Essential Training
• CSS For Programmers

Articles

• Eloquent JavaScript
• JavaScript For Cats

Documentation

• MDN Web Docs

Projects

• Passenger Counter App: An amazing passenger counter app build with HTML, CSS and JavaScript!
• Black Jack Game: A fun Black Jack Game build with HTML, CSS and JavaScript!
• Lead Tracker Chrome Extension: A very useful tool for tracking leads and saving current browser tabs!

---

Læringscirkel 2 (Uge 36-37): Introduktion til React

LinkedIn Learning Kurser

• React.js Essential Training

YouTube kurser

• Learn React with this one project
• Forklaring af React koncepter

Scrimba Kursus

• Modern JavaScript with newest ES6+ features
• Learn React Full Course

Documentation

• React.dev Official Documentation

Projects

• Static React App: A Static React App to get familiar with JSX, Custom Components and Styling.
• AirBnb Experiences Clone: An React App working with JSX, Custom Components, Props and Data Mapping.
• Meme Generator: En Interaktiv React App til at generere sjove memes af billeder hentet fra et eksternt API. App'en bygger på Event Listeners, State, Conditional Rendering, Forms og Side Effects.

---

Læringscirkel 3 (Uge 38-39): Avanceret React

LinkedIn Learning Kurser

• React.js Essential Training

Scrimba Kursus

• Learn React Full Course

YouTube Kurser

• Learn React Router v6 In 45 Minutes
• Learn React Router v6 – Full Course

Articles

• Introduction to Routing in React
• Ultimate React Router v6 Guide

Documentation

• React.dev Official Documentation
• MDN Web Docs
• Develop with Vite

Projects

• Notes App: En funktionel Notes App, der dynamisk opdaterer og gemmer data i en Firebase database.
• Todo List App: En funktionel Todo-liste applikation, hvor du kan tilføje, slette og markerer opgaver som afsluttet. Todo-listen gemmes i Local Storage.
• Tenzies Game: Et sjov spil Tenzies, hvor du kan rulle og holde på terningerne indtil du har 10 ens.

---

Læringscirkel 4 (Uge 40-41): React og Integration med Eksterne Services

LinkedIn Learning Kurser

• React: Software Architecture
• React: Design Patterns
• React: Working with APIs
• Learning Redux Toolkit

Articles

• Thinking in React
• Web Design using React
• Building a website with React.js: Everything you should know
• A Comprehensive Guide to React Design Patterns
• Best Practices and Design Patterns in React.js
• React best practices for single-page web applications
• Build a Successful Single-Page Application Using React.js

Documentation

• React.dev Official Documentation
• Redux Fundamentals (Redux.js)

Projects

• Thinking in React (A Step-by-Step Guide).pdf: Opret en tutorial, der gennemgår forudsætningerne for at designe og bygge en hjemmeside med React.
• Museumsprojektet: Opstart af 4. semester projekt med design af frontend til Museum Moss, hvor jeg adskiller design og indhold for de to museer og simulerer layout og navigation på websiden.

---

Litteratur for Microservices og Docker

Læringscirkel 1 (Uge 34-35): Introduktion til Docker

YouTube Kurser

• Docker Crash Course
• Docker Tutorial

Articles

• What is Docker? A Revolutionary Change in Cloud Computing
• What is Docker Cloud?
• What’s the Difference Between Docker Images and Containers?

Documentation

• Docker Introduction

Projects

• My Docker Demo App: En simpel bruger-profil app bygget med JavaScript, Node.js som backend med mongo-express til database interface og mongodb til persistens. Alle komponenter er docker-baseret.

---

Læringscirkel 2 (Uge 36-37): Grundlæggende Microservices i C#

Books

• .NET Microservices: Architecture for Containerized .NET Applications
• Microservices by Martin Fowler
• "Building Microservices" af Sam Newman (kapitler 1-3)

Articles

• Revolutionize Your Systems: The Power of Microservice Architecture
• How to Deploy Microservice Architecture in Docker
• The Origination of Microservices, and The Value They Create for Software Developers

Tutorials

• First ASP.NET Core Microservice with Web API CRUD Operations on a MongoDB database [Clean Architecture]

Projects

• Drone Pizza Delivery v1: En app med to microservices med Web API CRUD-operationer, en Docker Container, bruger Docker Compose, kører MongoDB til at gemme data and håndtering af message queues med RabbitMQ.

---

Læringscirkel 3 (Uge 38-39): Docker Compose og Servicekommunikation med C#

Articles

• What is Docker Compose and how to use it?
• Docker-Compose Tutorial

YouTube

• Docker Compose will blow your mind!!
• Docker Compose Tutorial
• What are microservices?!?!? Let’s build one with .NET and Docker!

Documentation

• Docs Docker
• Architecting container and microservice-based applications
• Designing and Developing Multi-Container and Microservice-Based .NET Applications

Books

• .NET Microservices: Architecture for Containerized .NET Applications
• Microservices by Martin Fowler
• Microservice Prerequisites
• "Building Microservices" af Sam Newman (kapitler 1-3)
• Containerized Docker Application Lifecycle

Courses

• Designing and Developing Multi-Container and Microservice-Based .NET Applications
• Create a Docker app
• Create multi-container apps with MySQL and Docker Compose
• Build a containerized web application with Docker
• Use a Docker container as a development environment
• Build your first microservice with .NET

Projects

• Drone Pizza Delivery v2: En app med to microservices med Web API CRUD-operationer, en Docker Container, bruger Docker Compose, kører MongoDB til at gemme data and håndtering af message queues med RabbitMQ.

---

Læringscirkel 4 (Uge 40-41): Udviklingsmiljø i Docker og Headless CMS

LinkedIn Learning Kurser

• WordPress: REST API RESTful WordPress through an API

Articles

• Headless Technology With WordPress and Content Management Systems (CMS)
• The State of Headless 2024: Defining the Future of Digital Engagement
• Headless Roadmap
• WordPress Development: A Beginner’s Guide
• What is a decoupled CMS?
• What is a headless CMS?
• The Ultimate Guide To The WordPress REST API (PDF)
• Where to Start With Headless WordPress

YouTube

• WordPress Tutorial for Beginners
• Build a solid WordPress dev environment with Docker

Documentation

• WordPress Documentation
• WordPress REST API Handbook

Projects

• Museum Moss hjemmeside: Jeg har opsat Docker til at køre WordPress som backend og har undersøgt mulighederne med WordPress REST API for vores projekt. Frontend integrationen med React kommer i næste læringscirkel.

---

Litteratur for Integration mellem React og WordPress

Litteratur for denne læringscirkel gælder for både React og Docker.

Læringscirkel 5 (Uge 42-44): Integration mellem React (frontend) og WordPress (backend)

LinkedIn Learning Kurser

• WordPress: REST API RESTful WordPress through an API

YouTube

• Modern Data Fetching in React (Complete Guide)
• Quick Wordpress Setup With Docker
• Exploring The Wordpress REST API & React Integration
• WordPress REST API with Postman
• How to Use WordPress as a Headless CMS
• Let's Learn WordPress REST API (Playlist)

Documentation

• WordPress Documentation
• WordPress REST API Handbook
• ACF WP REST API Integration
• Azure App Service with WordPress

Projects

• Museum Moss hjemmeside (Museum Moss Test App): Integration med en stand-alone React Applikation og kommunikation med et headless WordPress CMS som backend via WordPress REST API.
• Museum Moss hjemmeside (MOSS Website): Endelig React-bygget hjemmeside til Museum Moss, der kommunikerer med et headless Wordpress CMS (som hostes i Azure) via REST API Endpoints, som vi selv har lavet. Jeg har fokuseret på at skabe en brugervenlig, effektiv, og vedligeholdelsesvenlig applikation, der demonstrerer min forståelse af de teknologier, jeg har lært og stemmer overens med de krav vi har fået fra virksomheden.

---

Litteratur for Microservices Projekt

Læringscirkel 6 (Uge 45-48): Microservices Projekt

Bøger

• Microservices Up and Running (PDF)
• Building Microservices Frontends (PDF)
• Building Event-driven Microservices (PDF)
• Microservices in Action (PDF)

YouTube

• Introduction to .NET Microservices (.NET 8)
• Mastering Chaos - A Netflix Guide to Microservices
• Microservices Overview
• .NET Microservices – Full Course

Værktøjer

• Docker Desktop (Container Ochestration og Kubernetes)
• Postman (Test af REST API Endpoints)
• Azure Data Studio (SQL Database)

Projekter

• Microservices Projekt (Microservices Demo Project): Byg en Platform Service og en Commands Service, der fungerer som microservices, med fokus på både synkron (HTTP) og asynkron kommunikation (RabbitMQ) samt deployment til Kubernetes, hvor hver service har deres egen database.

---