Setting up a Mac for Web Development 2018 - Homebrew / Terminal / git / Code Editor / Node.js

Show starts at 2:38

00:00 - Start

0. 02:39 - Intro

1. 04:33 - Homebrew/terminal/bash

A. 4:48 - Gist

B. 5:18 - XCode dev tools w/o XCode (required for Homebrew, etc.)

C. 6:13 - What is Homebrew

D. 8:29 - Digression (waiting for progress bar)

E. 10:18 - Installing Homebrew

F. 11:17 - Brew Update

G. 11:26 - iTerm2

H. 13:29 - Customize iTerm2

I. 15:18 - Font (Anonymous Pro)

J. 17:51 - Bash (update using Homebrew)

K. 19:26 - Chocolatey (for Windows)

L. 20:14 - Setting Default Shell in OSX

M. 22:08 - Fortune and Cowsay

O. 25:25 - git (update with Homebrew)

P. 26:08 - vcprompt

Q. 26:38 - Bash Config (dot) files

2. 32:38 - Window Manager/Quick Launcher

A. 32:38 - Window Manager (Soectacle)

B. 36:12 - Quick Launch (Alfred)

C. 37:42 - Replace Spotlight with Alfred

D. 39:13 - Brew Bundle Dump

3. 40:55 - OSX Settings

A. 40:55 - Hide the Dock

B. 42:30 - Hyperswitch

B. 45:59 - Finder Settings

4. 47:35 - Web Browser (FireFox)

A. 48:55 - ublock origin

B. 50:43 - Privacy Badger

C. 51:58 - OneTab

D. 53:46 - JSONViewer

E. 54:18 - Stylus

F. 58:52 - Vue Devtools & React Devtools

6. 1:04:36 - Code Editor (Visual Studio Code)

7. 1:05:40 - Code Editor Extensions

A. 1:05:40 - Writing a Bash script

B. 1:10:57 - Settings

8. Odds and Ends

A. 1:14:04 - Lite Server

B. 1:14:14 - Explain Shell website

C. 1:14:48 - tldr

D. 1:15:55 - Break timer and Flux

9. 1:23:47 - Create Basic Website

[whonkie]

CJ, you have done a great thing here. I have been a self taught coder for 5 years after getting a degree in something else, and have been working in Tier 3 "development" customer support for 2/5 years and have felt stuck in troubleshooting a faulty app without the proper resources of my colleagues doing dev full time. To be frank, I am over the whole thing. But your positive attitude and great video has lit the spark back in my dev soul to continue the fight. Thank you. A++.

[JeremyStreich]

0. 2:39 - Intro
1. 4:33 - Homebrew/terminal/bash
A. 4:48 - Gist
B. 5:18 - XCode dev tools w/o XCode (required for Homebrew, etc.)
C. 6:13 - What is Homebrew
D. 8:29 - Digression (waiting for progress bar)
E. 10:18 - Installing Homebrew
F. 11:17 - Brew Update
G. 11:26 - iTerm2
H. 13:29 - Customize iTerm2
I. 15:18 - Font (Anonymous Pro)
J. 17:51 - Bash (update using Homebrew)
K. 19:26 - Chocolatey (for Windows)
L. 20:14 - Setting Default Shell in OSX
M. 22:08 - Fortune and Cowsay
O. 25:25 - git (update with Homebrew)
P. 26:08 - vcprompt
Q. 26:38 - Bash Config (dot) files
2. 32:38 - Window Manager/Quick Launcher
A. 32:38 - Window Manager (Soectacle)
B. 36:12 - Quick Launch (Alfred)
C. 37:42 - Replace Spotlight with Alfred
D. 39:13 - Brew Bundle Dump
3. 40:55 - OSX Settings
A. 40:55 - Hide the Dock
B. 42:30 - Hyperswitch
B. 45:59 - Finder Settings
4. 47:35 - Web Browser (FireFox)
A. 48:55 - ublock origin
B. 50:43 - Privacy Badger
C. 51:58 - OneTab
D. 53:46 - JSONViewer
E. 54:18 - Stylus
F. 58:52 - Vue Devtools & React Devtools
5. 59:22 - Node.js and nvm
6. 1:04:36 - Code Editor (Visual Studio Code)
7. 1:05:40 - Code Editor Extensions
A. 1:05:40 - Writing a Bash script
B. 1:10:57 - Settings
8. Odds and Ends
A. 1:14:04 - Lite Server
B. 1:14:14 - Explain Shell website
C. 1:14:48 - tldr
D. 1:15:55 - Break timer and Flux
9. 1:23:47 - Create Basic Website

[dhdaikon]

I'm in the middle of a full stack bootcamp and found you via your CodingTrain collab and THIS VIDEO HAS BEEN SUPER USEFUL. Can't wait for more time to watch your other videos, I enjoy your vibe CJ

[kenjuuts]

I just bought a macbook pro for development (I used to have a windows machine) and I was really struggling with Mac OS let alone setting it up for development. Thank God I saw this video and now i'm up and ready to resume my coding. BIG THANKS for making this video!

[xzumba]

Hey cj I’m new to your channel and I’m very impressed of your work flow bc I’m getting a Mac book air M1 I’m very excited to finally work with OS X I have never owned a Mac or Apple computer I’m always been a Windows programmer but I’m having a good time watching your videos and I want to say I’m a addicted to seeing your live streams but you sound like a good guy and very smart thanks for helping me get through the day

[gauravlkanth]

00:00 - Start

0. 02:39 - Intro

1. 04:33 - Homebrew/terminal/bash

A. 4:48 - Gist

B. 5:18 - XCode dev tools w/o XCode (required for Homebrew, etc.)

C. 6:13 - What is Homebrew

D. 8:29 - Digression (waiting for progress bar)

E. 10:18 - Installing Homebrew

F. 11:17 - Brew Update

G. 11:26 - iTerm2

H. 13:29 - Customize iTerm2

I. 15:18 - Font (Anonymous Pro)

J. 17:51 - Bash (update using Homebrew)

K. 19:26 - Chocolatey (for Windows)

L. 20:14 - Setting Default Shell in OSX

M. 22:08 - Fortune and Cowsay

O. 25:25 - git (update with Homebrew)

P. 26:08 - vcprompt

Q. 26:38 - Bash Config (dot) files

2. 32:38 - Window Manager/Quick Launcher

A. 32:38 - Window Manager (Soectacle)

B. 36:12 - Quick Launch (Alfred)

C. 37:42 - Replace Spotlight with Alfred

D. 39:13 - Brew Bundle Dump

3. 40:55 - OSX Settings

A. 40:55 - Hide the Dock

B. 42:30 - Hyperswitch

B. 45:59 - Finder Settings

4. 47:35 - Web Browser (FireFox)

A. 48:55 - ublock origin

B. 50:43 - Privacy Badger

C. 51:58 - OneTab

D. 53:46 - JSONViewer

E. 54:18 - Stylus

F. 58:52 - Vue Devtools & React Devtools

5. 59:22 - Node.js and nvm

6. 1:04:36 - Code Editor (Visual Studio Code)

7. 1:05:40 - Code Editor Extensions

A. 1:05:40 - Writing a Bash script

B. 1:10:57 - Settings

8. Odds and Ends

A. 1:14:04 - Lite Server

B. 1:14:14 - Explain Shell website

C. 1:14:48 - tldr

D. 1:15:55 - Break timer and Flux

9. 1:23:47 - Create Basic Website

[SaleenJ]

This is great, thanks! You should find the "Shortcut viewer" that some streamers use so we can use what keyboard short cuts you are using as windows close, etc etc... enjoying the content!

[AutomationMaestro]

Question, I swear that I heard you say a better Google extension that removes ads from the search engine, is that true or did I misunderstand? The only thing is, now, I can't find that statement in the video.

[DaViYgaraete]

This video is very important for me. +1000 morality for work. Thank you.

[ckortreat]

what shortcut you are using for saving? I couldn't change anything because can't save anything

[kylin]

thanks!! how come you didn't get prompted to use sudo? had to do that for some installs to work

[kylin]

thoughts on using safari for dev? or nah and stick with firefox/chrome instead?

[Bamahackr]

I'm stuck on 21:17. How did you save the bash shell? Awesome video, keep them coming, thanks.

[rololop]

How much storage do you have on this macbook?

[jeremybradywilson]

Thanks CJ. I'm enjoying the videos immensely. *Fixed my .bash_profile issue.

[parvathygangadharan]

Why xcode is required for mac to install homebrew?

[gillickbricks]

Extremely helpful video. Thanks a lot!

[saurabhchopra]

Thanks for explaining dotfiles. You're awesome

[lukaspscheidt]

Hi, I just found this AWESOME video, but I have small problem. When I save my custom .bash_profiles, so when I open new shell, .bash_profiles seem not working, I have to manualy type .bash_profiles then it is working, but just in one shell. What you suggest to do now? I tried add to .bash_profiles some code like . .bash_profiles etc but nothing works.

Thanks in advance

[kishorhossain]

IS Macbook air 2017 model good For all of those programme? Is that ok for install those things and can I work smoothly on air 2017 model? Please please please tell me... Is that machine totally OK for web dev? Bcz I'm gonna buy one next month.