Knowledge Base

A curated list of helpful material on some of my Development Stack 😎

Project Workflow using ZenHub

Title	Author	Version	Group	Sub-Levels
Main Knowledge Base Page	dtro-devuk	1.1	Root	5

CSS Frameworks

Framework	Categories
Tailwindcss	Tailwind Features
	Twin.Macro

JS Frameworks

Framework	Categories
Next js	Nextjs
React	React JS - Create React App CLI
	React Resources
	React JS
	React JSX
	React JS & Typescript
	Mocking React with MirageJS
	React Native
Angular	Angular 1++
	Angular 2

Comparisons

React	Angular	Vue
Components	Components	Components
Library	Framework	Library
Facebook	Google	Community
MIT	MIT	MIT
1 way data-binding	2 way data-binding	1 way data-binding
UI in JavaScript	UI in HTML	UI in HTML

(source: A Practical start with React, Roland Guijt)

.NET CORE Development

Categories
Blazor
SignalR

---

GitHub

SourceTree Access

• github, sourcetree getting unauthorized error
• Two-Factor Authentication (2FA) with GitHub in SourceTree

---

Technical Tests

IKM

• Top tips when taking an IKM test
• C# Interview Questions Based on Actual Experiences When I Was Looking for a Job

C#

• .Net Interview Questions varied

---

Gaming

• Witcher 3 - Alternative Endings

Games to Watch out for

• Cyberpunk 2077

---

Gadgets

• Babel Fish-like Ear-Peice - Tramslates

---

Chrome Extensions for Developers

• 36 handy Chrome Extensions for Developers

---

Technology Trends You should learn

2020

2017

---

---

IoT

MicroServices

Actor Framework - Azure Service Fabric

Cloud

Azure

Redis Cache

• Single Page Todo App with Cache Manager
• EARN, Express, Angular, Redis, NodeJs Stack

Modern Web Development

Useful Web Performance Monitors

• Lighthouse, analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices.
• Lighthouse Report Viewer

Cascading Style Sheets

• 20 Tips for writing pro CSS
• Easy Responsive Headers

• Sticky Footers

• Material Design Franeworks

• CSS3 Techniques and Examples
• CSS Inline Help Tips

SAAS and Compass

• SASS Derek Bananas (youtube)
• SASS Video and Code, Derek Bananas

REM units

• Understanding REM units (Sitepoint)

####

• CSS Clock

Bootstrap

Bootstrap

Bootstrap 4 to come out in 2017?

• Bootstrap 3 Tutorial For Beginners (youtube)
• Bootstrap Tutorial Derek Bananas (youtube)
• Elegant Bootstrap Forms
• Bootstrap 4 Regular grid vs Flex Grid
• Bootsrap 3 Tutorial Republic
• Download Bootsrap
• Bootsrap requires JQuery
• Building Responsive WebSites using Twitter Bootstrap
• Twitter Bootstrap - Handling Complex Designs

Freebies

• Bootstrap Freebies

Bootstrap Studio

Bootstrap Studio is a powerful desktop app for designing and prototyping websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. Its built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML.

• Official Bootstrap Studio
• How to make a web site in Bootstrap Studio (youtube)
• 12 Videos by NightShooter (youtube)
• Creating a Website with Bootstrap Studio (youtube)
• Learn the Bootstrap Grid in 15 minutes

Templates, Freebies etc

• 5 Fantastic Bootstrap Footers

Responsive Web Design

• 50 usefult tools for RWD
• 50 Awesome Web resources for Developers
• Creating a Mobile-First Responsive Web Design
• Demo - Mobile First Nav

HTML 5

• HTML5 and CSS Course - Learn
• Learn HTML 5

Canvas

• Create JS
• Mozilla Canavas Tutorials
• CreateJS and HTML5 Canvas: resize, fullscreen and liquid layouts

Pixi JS HTML 5 Creation Engine (2D JavaScript render)

• PixiJS
• PIXI JS
• PixiJS Tutorials
• Learning PIXI
• Parallax Scroller
• HTML 5 Game Developers - Pixi has landed

3JS

• 3 JX experiments

Music Player

• HTML5 Music Player

NodeJS and Socket.io

• Smartphone Remote control

General

• Easy Form Validation

Angular 2

• Angular 2 Canvas Examples
• HTML5 Canavas Tutorials.com
• Meta Bubbles - Angular 2
• Drawing Inside Canvas

JavaScript

Ebooks

• List of Awesome Free Books

ECMAScript 6

• Understanding ES6

Menus

• Wonderful JavaScript option menus
• 4 Responsive Navigation Menus
• Responsive Sidbars
• Responsive Header templates
• 5 responsive Footer templates

Youtube

• How to control youtubes video player

JQuery Slide Show plugin

• Slide Show Plugin

General

• Getting you GeoLocation position
• Taking a selfie with JavaScript
• Digital Clock

Introduction

• Mozilla Reintroducing JavaScript

Visualisation Frameworks

• Visualisation

TypeScript

• Learn TypeScript in 30 mins (tutorialzine)

Node JS

Java

• Java 101: Learn Java from the ground up

Android Development

• Android Development 1

Web Security

Cross Site Scripting

• Excess XSS

---

---

UX Design

• Know Your UX Terms: Common Words and Acronymns

---

Mobile Development

NativeScript

• The Ultimate Guide For Building RTA (Mean Expert)
• Advanced Setup Linux

Architecture and Lifecycle

• Application architecture and lifeycle

Samples

• NativeScript Code Samples

Dashboards

• Dashing Dashboard Franework in Senatra
• Dashing Demo
• Dashing Demo sample TV
• Dashing Dashboard Additional Widgets

Weather APIs

http://api.accuweather.com/ http://www.wunderground.com/weather/api/d/pricing.html https://developer.forecast.io/

SonarQube

• Continuous Code Quality
• …SonarQube.com
• Get Started in Two Minutes

Autonomous Teams (Sqauds, Teams, Chapters)

• Spotify Engineering Part-1
• Spotify Engineering Part-2