Computer Science in TypeScript (NO DEGREE REQUIRED) (Autocell Ep.01)

Рет қаралды 45,442

Күн бұрын

Chapters:
- 00:00:00 - Intro
- 00:01:04 - Conway's Game of Life
- 00:03:04 - Pseudo-Code
- 00:09:37 - State Machine
- 00:15:02 - Stealing Art from the Internet
- 00:16:56 - Cellular Automata from Pixels
- 00:19:32 - Convolutions
- 00:20:52 - Plan for today
- 00:22:16 - Creating New Project
- 00:30:23 - Initializing the Canvas
- 00:36:34 - CSS
- 00:38:12 - Grid
- 00:42:49 - Clicking the Grid Cells
- 00:52:10 - JavaScript Arrays
- 01:01:19 - Rendering the State of the Board
- 01:05:17 - Colors of the States
- 01:13:45 - Second board
- 01:15:59 - Computing the Next Board
- 01:19:10 - Counting Neighbors
- 01:29:22 - Le Bouton
- 01:37:34 - Les Boutons Radio
- 01:51:45 - Transition Table
- 02:02:52 - Creating the Repo
- 02:06:22 - Outro
- 02:06:35 - Smooch
References:
- en.wikipedia.org/wiki/Conway%...
- What is a convultion by 3Blue1Brown: • But what is a convolut...
- Vanilla.js Framework: vanilla-js.com/
- Source Code: github.com/tsoding/autocell

Пікірлер: 78

@amidfallen Жыл бұрын

"I hate all the languages equally"

@bruh-qu2uh Жыл бұрын

Well said 😂

@joshuastories Жыл бұрын

You are officially my favorite programmer 🎉

@toifel Жыл бұрын

Being a webdev, I'll most likely never implement 99% of the shit in your videos on the job. That being said, it's fascinating and I learned so much stuff that I thought was useless until I programmed my 1st ESP32 in C. I watch for the entertainment and the learning is the subconscious cherry on top. Keep em coming

@jordixboy Жыл бұрын

and why you just dont do it at your free time? I mean if you're interested ofc...

@brangtoggez6363 Жыл бұрын

@@jordixboy I mean you really don't have much free time, Myself I have to hangout, play games, etc. I really don't want to program 99% of my time lol, even though I love coding.

@jordixboy Жыл бұрын

@@brangtoggez6363 "I have to hangout" Big words, you dont have to, its a choice you do

@brangtoggez6363 Жыл бұрын

@@jordixboy Well that's the choice I have to make lol. Programming ain't everything buddy, even if it's a job, hangout with the bosses, with people that have better knowledge in coding than you. I mean Relationship is key in the adult world ya know. I have been helped by a lot of people just because I hang out, I interact with the world lol, it's not just for fun, it can still help me to be honest. The world is more complicated than just programming though. I hope It can be that easy just to program and you have it all. Well unless if you are very very talented, or else knowing a lot of people will be more important though. Hope you understand that hangout is not just for fun ( it can be, but if you hangout and meet important people that can help you in the future, it's kinda helpful as well )

@eazypeazy8559 Жыл бұрын

gamedevs usually implement cellular automata on let's say C++?

@noctavel Жыл бұрын

I feel blessed by knowing this channel

@rian0xFFF Жыл бұрын

Skylab programador

@DnBComplex 3 ай бұрын

@@rian0xFFFkkkkkkkkkkkkkkkkkkkkkkkk

@Skellingtor Жыл бұрын

Haha this guy is a character and makes me laugh a lot, especially the excitement when something works

@nicolashumbert8344 Жыл бұрын

Really entertaining series Zozin you're making my evenings so much more fun lately. Great video in description about convulsions btw 😂

@kdiffin903 Жыл бұрын

holy shit this came to my recommended im excited to watch this

@Chad_Elliott Жыл бұрын

your chill with the code bro like a programming Jedi

@rzwnhmd Жыл бұрын

massiv respect to this guy!!!

@hannokruger8145 Жыл бұрын

Fun fact: It is actually faster to use if else conditions to determine the state of a cell compared to using a lookup table. Even if you store the table as a single int

@goawqebt6931 Жыл бұрын

10:41 you can have any type as a key if you enclose the expression in brackets (otherwise whatever you type is assumed to be string). example: {[1]: "one", [2]: "two"}

@SlinkyD Жыл бұрын

Me: "Look Ma, I'm a web developer. Can you switch do that." Mom: *Grabs belt*

@__aj2000__ Жыл бұрын

Ready. Set. Go!

@mushroomcrepes4780 Жыл бұрын

tsoders eating good tonight

@XYReason Жыл бұрын

I wish you good health, regards from Serbia!

@c4ashley Жыл бұрын

IIRC, back in the day of IE6, was a weird ActiveX COM control that had all sorts of security issues. It was also ugly. Big and boxy.

@annusingh4694 Жыл бұрын

Here we go!

@greob Жыл бұрын

Thanks for sharing!

@RedStone576 Жыл бұрын

no degree required, only sanity

@fresonn Жыл бұрын

What is next? HTML for computer scientists?

@TsodingDaily Жыл бұрын

Thank you for the title idea!

@PixelHamster Жыл бұрын

@Tsoding Daily prolog instead 🚎

@walterfairfax6043 Жыл бұрын

55:47 new Array(BOARD_ROWS).fill().map(() => new Array(BOARD_COLS).fill('dead')); you have to use map otherwise the rows will just hold the reference to the same cols array edit: oh he did find out in the end lol.

@vonderklaas Жыл бұрын

Thanks buddy!

@vikidprinciples Жыл бұрын

Amazing

@sitter2207 Жыл бұрын

i like how your brain works

@avi7278 Жыл бұрын

vwhoa j'adore tes boutonssssss.... radios.

@iduran Жыл бұрын

Very nice content. Any chance you can share your Emacs config or which color scheme (theme) you are using? Thanks in advance!

@jesse8606 Жыл бұрын

There is a Tsoding theme available in VScode, ive been using it for quite a while and enjoyed it ever since

@iduran Жыл бұрын

@@jesse8606 Great, thanks!

@rafagd Жыл бұрын

18:24 - I think it's because Automaton/Automata are greek words and English has this thing where you have to pluralize the word in the same way you would in it's native language. [which is dumb, but I don't write the rules...]

@Anubis10110 Жыл бұрын

Statically Typed my ass 😂😂😂😂😂😂 I love your content..

@ziyadsalem1068 4 ай бұрын

1:00:40 I tried something like this: const board = new Array(BOARD_COLS).fill(new Array(BOARD_ROWS).fill('dead')) Edit: my solution introduces a problem where if you set one element to 'alive', all the other elements in the column will be set to alive. After some searching online, I found this solution: const board = new Array(BOARD_ROWS).fill().map(_ => new Array(BOARD_COLS).fill('dead')) After running some benchmarks, I found that a double for loop is faster :/

@TozzaYT Жыл бұрын

what ide are you using to code?? it looks so coooool

@ChaoticNeutral6 Жыл бұрын

He's using emacs

@kinars8160 Жыл бұрын

0..8 range included is that right?

@TheRichieyrich Жыл бұрын

Wish u could have watched this live.

@valovanonym Жыл бұрын

18:07 because it comes from latin! The plural of a word ending in on is the same word but ending in a

@hanswoast7 Жыл бұрын

Yep. Most weird irregular plurals in languages I know (English, French, German) are because these words are adopted from other languages, mostly from Latin or Greek. Latin is known to fuck around with word endings A LOT :)

@hansdampf2284 Жыл бұрын

Why do I bust out laughing when reading the title?

@yagaot Жыл бұрын

😮💯🔥☝️

@ruslansmirnov9006 8 ай бұрын

52:27 instantiates a 5-letter string literal inside a listener callback in an already one of the slowest languages on earth, with weak typing and sparse arrays... and this is we talking about a cellular automata here guys... lol

@anon_y_mousse Жыл бұрын

Some notes I have on this one: 20:00 - 3blue1brown video recommended for understanding convolutions, he's so long-winded, I can't watch something longer than 5 minutes 47:26 - that issue with padding around a canvas annoys me, too 52:52 - vim correctly handles DOS and UNIX line endings, why doesn't emacs? 1:32:30 - that's not the proper JS/TS way, you have to create a new framework for each project 1:39:04 - HTML is bloated

@TsodingDaily Жыл бұрын

> I can't watch something longer than 5 minutes Excuse me my stupid question, but how did you manage to watch this entire stream?

@anon_y_mousse Жыл бұрын

@@TsodingDaily Advanced programming. I wrote an AI that watched it for me and summarized it exactly the way I would. Then I just copied and pasted its text.

@TsodingDaily Жыл бұрын

Why don't you just do the same with 3blue1brown videos?

@anon_y_mousse Жыл бұрын

@@TsodingDaily You're just pulling my leg now. :))

@joaovinicius4439 3 ай бұрын

What OS does he use?

@reinoob Жыл бұрын

Automata is the plural of automaton isn't it? English is not my main language.

@joshuathomasbird Жыл бұрын

Do some Prolog!

@jimyaguasviva4461 Жыл бұрын

I would love to see you create an animation engine like manim from 3b1b😢

@hansschenker Жыл бұрын

Third state could be: 'corona' !!!

@evasivezim Жыл бұрын

I hate my favorite language too :)

@soniablanche5672 Жыл бұрын

"Can objects in javascript have numbers as index" yes, that's basically what arrays in javascript are lol

@SajeevanJSPY Жыл бұрын

Hello

@basilcooper995 Жыл бұрын

18:15 Automaton is greek, and for once the brits decided to preserve the correct plural. Still mispronounced in other ways though, the u makes an "f" sound in this case, eh.