abosaiftaha/awesome-wtm

Awesome Links & Resources for WTM Team

Curating the best links and resources for WTM Stack

---

Table of Contents

• Basic Concepts

  • Terminal
  • Git
  • HTML
  • CSS
  • Javascript
  • TypeScript
  • NodeJS
  • PHP
  • MongoDB
  • MySQL

• Frameworks & Libraries

  • React
  • GraphQL
  • Gatsby
  • ApostropheCMS
  • NextJS
  • NestJS
  • Magento

• Tools, Styles & Linters

  • Tools & More
  • Code Styles
  • Linters
  • Code Formatters

• Youtube Channels

Basic Concepts

Terminal

• Terminal: the basics
• UNIX Tutorial for Beginners

Git

• Learn Git - Resources to learn Git
• Learn Git Branching
• Git Cheat Sheet
• Git Tips

HTML

• Awesome HTML5
• HTML Tutorials

CSS

• Awesome CSS
• Awesome CSS Learning
• CSS Tutorials
• LESS Tutorials
• Sass Tutorials
• Flexbox Froggy - A game for learning CSS flexbox
• Flexbox: CSS-Tricks - A Complete Guide to Flexbox
• Building Multi-Directional Layouts

Javascript

• Awesome JavaScript
• Awesome JavaScript Learning
• JavaScript Tutorials
• ECMAScript 6
• Learn ES2015

TypeScript

• TypeScript in 5 minutes
• Introduction to Typescript
• React Typescript Cheatsheet
• Create-react-app With Typescript
• Setup Redux For React Typescript Projects

NodeJS

• Awesome node.js
• nodeschool
• Getting Started With Node.js Tutorial

PHP

• Awesome PHP
• PHP The Right Way

MongoDB

• Awesome MongoDB

MySQL

• awesome-mysql

Frameworks & Libraries

React

• Awesome React
• Awesome React-Native
• React Getting Started
• React Express
• React-Native Getting Started
• React-Native Express
• Getting Started with Redux
• Learn Redux
• React Router with Typescript

GraphQL

• awesome-graphql
• Introduction to GraphQL
• How-To GraphQL - The Fullstack Tutorial for GraphQL
• Introduction to GraphQL: By Github
• Apollo Getting Started - React
• Full-stack React + GraphQL Tutorial

Gatsby

• Gatsby.js Documentation

ApostropheCMS

• ApostropheCMS Documentation

NextJS

• Awesome Next.js
• NextJS Getting Started
• Integration with NestJS
• Example NestJS, NextJS

NestJS

• NestJS Introduction

Magento

• Awesome Magento 2
• Magento Developer - Documentation
• Magento Developer - All Video Tutorials
• Magento 2 Tutorials
• Magento U - Media Space

Tools, Styles & Linters

Tools & More

• Development Environment
• Download VSCode
• VS Code ESLint extension
• The Ultimate VSCode Setup
• HTML/CSS to Images

Code Styles

• JavaScript Style Guide
• CSS/Sass Style Guide
• PHP Style Guide

Linters

• Getting Started with ESLint
• Setup TSLint for React
• Setup TSLint and Prettier in VS Code for React App with Typescript

Code Formatters

• What is Prettier?
• Prettier Integrating with Linters

Youtube Channels

• Fun Fun Function
• Academind
• freeCodeCamp.org
• CodingTheSmartWay.com
• Web Dev Simplified
• DevTips
• The Net Ninja
• Traversy Media
• Codevolution
• Full Stack Talks