w3cj

C# for TypeScript Developers

Setup

• Set up your local environment
  • Download / Install .NET
• C# Dev Kit for VSCode

Learning Plan

w3cj

Next.js Starters

A list of CLI generators, starter kits / boilerplates and toolkits to kick start your Next.js apps.

• What is included in this list:
  • Has ~1K+ Github stars
  • Actively maintained / up to date
  • Includes a style / css solution or UI Framework
  • Includes a database
• Includes authentication / authorization

w3cj

// Run this command to generate base config and vs code settings:
// pnpm dlx @antfu/eslint-config@latest

import antfu from "@antfu/eslint-config";

export default antfu({
  type: "app",
  typescript: true,
  formatters: true,
  stylistic: {

w3cj

/* eslint-disable node/no-process-env */
import type { ZodObject, ZodRawShape } from "zod";

import { ZodError } from "zod";

export default function tryParseEnv<T extends ZodRawShape>(
  EnvSchema: ZodObject<T>,
  buildEnv: Record<string, string | undefined> = process.env,
) {
  try {

w3cj

YouTube Live Chat Messages API Instructions

• The example URLs here use the Coding Trains channel ID: UCvjgXvBlbQiydffZU7m1_aw (replace this with your channel id)
• All of the API requests require a YouTube Data API key (no oauth required, just an API key)

Table of Contents

1. Request a list of live events
2. Use live video id to request live streaming details
3. Request live chat messages using the activeLiveChatId

w3cj

const express = require('express');
const morgan = require('morgan');
const cors = require('cors');

const app = express();

app.use(morgan('dev'));
app.use(cors());

app.get('/', (req, res) => {

w3cj

macOS Keyboard Shortcuts You Should Know

These keyboard shortcuts will work in most, if not all text editing places in macOS. (Form input, text editors, web browsers etc.) These keyboard shortcuts will also work on Windows (replace CMD with CTRL).

Jump Over Words

ALT + Left/Right

Go to end of line

w3cj

xcode-select --install
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew update
brew cask install iterm2
# update iterm2 settings -> colors, keep directory open new shell, keyboard shortcuts
brew install bash # latest version of bash
# set brew bash as default shell
brew install fortune
brew install cowsay 
brew install git

w3cj

Dev Setup

1. Homebrew/terminal/bash
2. OSX Productivity - Window Management/Quick Launcher/Hyperswitch
3. OSX Settings - Dock/Finder
4. Web Browser - Extensions - AdBlock, Privacy Badger, OneTab, JSONViewer, Stylus, Vue Devtools, React Devtools
5. Node.js - nvm
6. Code Editor - vs code
7. Code Editor Extensions
8. Break timer and Flux

w3cj

alexcvzz.vscode-sqlite
andys8.jest-snippets
apollographql.vscode-apollo
austincummings.razor-plus
bobsparadox.seti-black
BriteSnow.vscode-toggle-quotes
christian-kohler.npm-intellisense
christian-kohler.path-intellisense
CoenraadS.bracket-pair-colorizer
dbaeumer.vscode-eslint