Fun Fun Function
Fun Fun Function
  • 274
  • 12 653 119
Telling Stories With Typescript
💛 Two ways to show your love:
Our sponsor Codecrafters is offering 40% off when you sign up at fff.dev/codecrafters
If you want to build complex projects and elevate your coding skills, Codecrafters let's you recreate Git, SQLite, Redis and more from scratch. P.S. Those with corporate L&D budgets can get reimbursed.
And💌 Sign up for funfun.email
Subtitles in Portuguese, French & Russian! Legendas em Português. Sous-titres en français. Субтитры на русском.
00:00 Update (yes, more videos are coming)
04:00 Coding videos
05:09 Visualizations & animations
08:33 Feeling useless
10:03 What programming is about
12:33 Defying gravity
14:04 Creating with Typescript
16:46 Identifying the identifiers
18:44 Recreate Git, SQLite, Redis and more from scratch
20:51 🙏
Análise de dados Visualização de dados Ciência de dados Inteligência artificial Engenharia de dados Automação
Analytique de données Visualisation des données Science des données Intelligence artificielle Ingénierie des données Automatisation
Анализ данных Визуализация данных Наука о данных Искусственный интеллект Инженерия данных Автоматизация
Переглядів: 10 714

Відео

Fun Fun Function Returns: Dawn of the Data Developer (and funfun.email)
Переглядів 52 тис.28 днів тому
💛 Two ways to send your love: 💌 Sign up for funfun.email ☕ Buy MPJ a cup of coffee: buymeacoffee.com/funfunfunction Subtitles in Portuguese, Spanish, French, Ukrainian & Indonesian! 00:00 I'm back! 00:50 The new direction of Fun Fun Function 01:30 Why would anyone listen to this guy? 03:27 Core theme #1: Data 05:06 Dawn of the Data Developer 05:54 Core theme #2: Welcoming near-developers 08:36 ...
Goodbye Fun Fun Function (and the importance of mental health)
Переглядів 240 тис.3 роки тому
💛 Goodbye live stream on 13th July Monday 7AM PT Watch on twitch.tv/funfunfunction 💛 Mindler job page bit.ly/mindler-fff 💛Statistics on suicide and mental health cited are from The Happiness Trap book (www.goodreads.com/book/show/3250347-the-happiness-trap) and from The Gift and power of Emotional Courage talk (ua-cam.com/video/NDQ1Mi5I4rg/v-deo.html) 💛 funfun.chat funfun.chat 💛 mpj on Twitter ...
The amazing history of programming with Olga Stern - Fun Fun Function
Переглядів 15 тис.4 роки тому
💛 Olga Stern's Instagram olgatron_ 💛 Comic about Ada Lovelace by Kate Beaton www.harkavagrant.com/index.php?id=298 💛 Jacquard's Loom machine ua-cam.com/video/MQzpLLhN0fY/v-deo.html 💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT twitch.tv/funfunfunction 💛 Fun Fun Forum Private discussion forum with other viewers in between shows. www...
Resuming work on a project after a break
Переглядів 7 тис.4 роки тому
💛 Remote.work (Episode sponsor) Find the most exciting remote jobs. Remote.work are the #1 destination to find and list incredible remote jobs. Use this link to let them know that you came from here: bit.ly/fff-remote-work 💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT twitch.tv/funfunfunction 💛 Fun Fun Forum Private discussion forum with other v...
Killer remote presentations
Переглядів 4,8 тис.4 роки тому
💛 Remote.work (Episode sponsor) Find the most exciting remote jobs. Remote.work are the #1 destination to find and list incredible remote jobs. Use this link to let them know that you came from here: bit.ly/fff-remote-work 💛 Oskar Henrikson on Twitter PsykologenOskar 💛 Watch the 2h full recoding of the stream this clip is from: www.twitch.tv/videos/600252282 💛 Follow on Twitch and s...
How to ACTUALLY SHIP side projects?
Переглядів 12 тис.4 роки тому
💛Join us in the *self-care* channel on funfun.chat! Direct link to channel: discord.gg/uHVf8xS ⏰ Quick jump 00:01 How do you start a project? 02:40 Showing off sketches of the current project 03:24 Lower your quality standards 04:35 Concerns about code quality at the beginning 09:17 Focus on prototyping 10:39 Concerns about introducing new tools 12:31 Commentary about Proof of Concepts 12:56 Im...
Beating burnout like you beat a computer game
Переглядів 7 тис.4 роки тому
💛 Educative (Episode sponsor) Use link for 10% off: educative.io/FunFunFunction Educative.io helps you learn in-demand tech skills faster. Text-based courses with embedded coding environments mean you can jump in and learn without all the fluff - no set-up, no scrubbing back and forth through videos, no hassle. Get 10% off any course when you go through our link: educative.io/FunFunFunction 💛Jo...
How remote work is making software teams more autonomous
Переглядів 4,3 тис.4 роки тому
💛 Educative (Episode sponsor) Use link for 10% off: educative.io/FunFunFunction Educative.io helps you learn in-demand tech skills faster. Text-based courses with embedded coding environments mean you can jump in and learn without all the fluff - no set-up, no scrubbing back and forth through videos, no hassle. Get 10% off any course when you go through our link: educative.io/FunFunFunction 💛Ji...
How to get into FLOW as a developer?
Переглядів 8 тис.4 роки тому
💛Join us in the *self-care* channel on funfun.chat! Direct link to channel: discord.gg/uHVf8xS 💛 Oskar Henrikson on Twitter PsykologenOskar 💛 Watch the 2h full recoding of the stream this clip is from: www.twitch.tv/videos/600252282 In this video, me and Oskar Henrikson, licensed psychologist, author and amazingly fun person, talk about how to reach a state of Flow (as popularised b...
Working contracts in software development teams
Переглядів 5 тис.4 роки тому
💛 Educative (Episode sponsor) Use link for 10% off: educative.io/FunFunFunction Educative.io helps you learn in-demand tech skills faster. Text-based courses with embedded coding environments mean you can jump in and learn without all the fluff - no set-up, no scrubbing back and forth through videos, no hassle. Get 10% off any course when you go through our link: educative.io/FunFunFunction 💛 F...
Our Discord has launched: funfun.chat!
Переглядів 3,7 тис.4 роки тому
💛Join our Fun Fun Family in our Discord at funfun.chat
Get your workplace featured on Fun Fun Function
Переглядів 5 тис.4 роки тому
⭐️Contact us here if you are interested in Reverse Interview: reverseinterview.funfunfunction.com Reverse Interview: Job ads in live stream form on Fun Fun Function, interviewing developers at a workplace, giving a window into the company culture, processes, people and stack before applying. 💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT twitch.t...
Clever tricks to improve video conference communication
Переглядів 6 тис.4 роки тому
💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT twitch.tv/funfunfunction 💛 Fun Fun Forum Private discussion forum with other viewers in between shows. www.funfunforum.com. Available to patron members, become one at www.patreon.com/funfunfunction 💛 mpj on Twitter mpjme 💛 CircleCI (Show sponsor) Robust and sleek Docker-based Continuous I...
Run Prettier in CI, NOT as an editor plugin
Переглядів 11 тис.4 роки тому
💛 Follow on Twitch and support by becoming a Subscriber We record the show live Mondays 7 AM PT twitch.tv/funfunfunction 💛 Fun Fun Forum Private discussion forum with other viewers in between shows. www.funfunforum.com. Available to patron members, become one at www.patreon.com/funfunfunction 💛 mpj on Twitter mpjme 💛 CircleCI (Show sponsor) Robust and sleek Docker-based Continuous I...
Bus factor, pair programming and Visual Studio Code Live Share with David Khourshid
Переглядів 4,5 тис.4 роки тому
Bus factor, pair programming and Visual Studio Code Live Share with David Khourshid
How do I become a lead engineer? Answers from pro tech career advisors (Part 1)
Переглядів 5 тис.4 роки тому
How do I become a lead engineer? Answers from pro tech career advisors (Part 1)
How important is it to know all frameworks? Advice from pro tech career advisors (Part 2)
Переглядів 3,7 тис.4 роки тому
How important is it to know all frameworks? Advice from pro tech career advisors (Part 2)
How to move from junior to senior developer? Professional tech career advisors guidance!
Переглядів 16 тис.4 роки тому
How to move from junior to senior developer? Professional tech career advisors guidance!
XState: Let's pair program state machines and state charts with David Khourshid
Переглядів 23 тис.4 роки тому
XState: Let's pair program state machines and state charts with David Khourshid
Refactoring emotions
Переглядів 13 тис.4 роки тому
Refactoring emotions
Let’s pair program gravity simulation (using JavaScript and p5.js, with Dan Shiffman)
Переглядів 14 тис.4 роки тому
Let’s pair program gravity simulation (using JavaScript and p5.js, with Dan Shiffman)
Using reduce to code filter and map in vanilla JavaScript
Переглядів 10 тис.4 роки тому
Using reduce to code filter and map in vanilla JavaScript
Coding reduce from scratch in vanilla JavaScript
Переглядів 11 тис.4 роки тому
Coding reduce from scratch in vanilla JavaScript
Coding map and filter from scratch in plain JavaScript
Переглядів 17 тис.4 роки тому
Coding map and filter from scratch in plain JavaScript
Web nostalgia with Vitaly Friedman
Переглядів 3 тис.4 роки тому
Web nostalgia with Vitaly Friedman
Staying sane as a software developer
Переглядів 14 тис.4 роки тому
Staying sane as a software developer
Computer science in frontend development?
Переглядів 16 тис.4 роки тому
Computer science in frontend development?
End of year AMA - Full recording of last stream of the year!
Переглядів 2,9 тис.4 роки тому
End of year AMA - Full recording of last stream of the year!
Solving the first Advent of Code problem live on stream
Переглядів 7 тис.4 роки тому
Solving the first Advent of Code problem live on stream

КОМЕНТАРІ

  • @mo_i_nas
    @mo_i_nas 14 годин тому

    MPJ. Was this video just a brain dump? Sound quality wasn't good BTW

  • @janebattlesocks
    @janebattlesocks 17 годин тому

    can you tell a story how to handle your ADHD during work in IT industry?

  • @latostadaa
    @latostadaa 18 годин тому

    You look so handsome! im very excited for your return!

  • @latostadaa
    @latostadaa 18 годин тому

    I always come back to this video, thank you so much MPJ!

  • @raggeju
    @raggeju День тому

    Vite is supposed to be pronounced ”veeet”! It’s how you say fast in french :)

  • @alvinsovereign
    @alvinsovereign День тому

    Would love to see your note taking work flow

  • @Aryann_arora
    @Aryann_arora 2 дні тому

    Welcome back legend

  • @Joenr76
    @Joenr76 3 дні тому

    I think it's pronounced like in French "veet"

    • @funfunfunction
      @funfunfunction 2 дні тому

      Ceci n'est pas un pylône. Vous devez construire des pylônes supplementaries.

  • @haibaidzokwomandre1468
    @haibaidzokwomandre1468 3 дні тому

    Watching from the future and video recommended by fullstackopen course by University of Helsinki

  • @Luiz39207
    @Luiz39207 3 дні тому

    OMG!!!! Welcome back!

  • @elizavetakhaidarova7408
    @elizavetakhaidarova7408 4 дні тому

    Love that you added keywords in Russian though 😀

  • @TimRottmann
    @TimRottmann 4 дні тому

    Good to have you back!

  • @tonkhao_gaming
    @tonkhao_gaming 4 дні тому

    YES! welcome back!!!!

  • @TheLeo328
    @TheLeo328 4 дні тому

    MPJ! Great to have you back. Your work was super helpful and influential for me when I moved to the SF Bay in 2018 to break into tech - I went from writing my first line of code to getting my job as a software engineer in 8 months and when things were really hard to grasp, your videos kept me on path! I also recently had my own hiatus and am in the process of returning to the industry now - its so cool that you're coming back at about the same time as I! Can't wait to see your new content and quirky enthusiasm. Would LOVE to see a remake of that hilarious intro you used to play with coffee getting everywhere, I absolutely loved that.

    • @funfunfunction
      @funfunfunction 2 дні тому

      Haha would love to do an homage to that one at some point, but would have to find some way to make it more over the top

  • @i-see-right-through-you
    @i-see-right-through-you 4 дні тому

    My son ... I know something like your struggle with guilt and self destruction by mind-slide to depression and below. If I may be so bold, I have some ideas which helped me, and they may speak to you. Trust your state. Your own internal systems have generated this state for neutral reasons, not evil. Your state is telling you a static story of what you need and to fight against it is a clear anti-pattern. If you need to pause and relax with no goals, do it fully with a gentle understanding that that pause is productive. To fight it draws energy from your naturally cyclic journey to other states, like becoming what is easier for you to bless, prodigious outward production of vid and code. Like nightly sleep, sometimes we need extended periods of repose, days not hours, to repair psychic tears and heal bruised soul. Don't feel as th0ugh you owe us anything because you don't. Do not fall under the western practice of self flagellation and demand so much of yourself that you work yourself into psychic paini as you can easily see what a crass liar guilt is. Enjoy to the fullest doing nothing for a spell, and do that to the best o your abilities. It really quite grand to kick your heels up and just ... be ... free.

  • @David-iq1kd
    @David-iq1kd 5 днів тому

    At 10:18, it looks like a "div" function has been created elsewhere correct? JS doesn't have a built in div(). What's the modern way to create these kinds of html-as-function functions? String template literals? Do you need a tag function? Or are people using libraries for this like Van.js?

    • @funfunfunction
      @funfunfunction 5 днів тому

      What I use for fff.dev is SolidStart

    • @David-iq1kd
      @David-iq1kd День тому

      @@funfunfunction Thanks! Does solid start / Solid provide HTML DSL/Functions then with things like div() as a function? The solid and solidstart docs seem pretty JSX focused, so I was curious how you personally go about doing your functional html-in-js like the video's pseudocode seems to show, such as the div() shown in the video as a js function not jsx. Could it be Hyperscript? Thanks :)

  • @zemariagp
    @zemariagp 5 днів тому

    You’ve grown so much

  • @huizhang5469
    @huizhang5469 5 днів тому

    it's so nice to see u again 🎉

  • @TheillegalPrime
    @TheillegalPrime 5 днів тому

    much love

  • @seannewell397
    @seannewell397 6 днів тому

    instead of coffee breaks should we expect meditation breaks?

  • @HappyCheeryChap
    @HappyCheeryChap 6 днів тому

    The bit where you mentioned using typescript as a replacement for task management + doco systems is super interesting to me. Really hoping to hear more on this topic in coming videos. I've gone quite far into this lately. I've built a heap of text-based-interface tools that have basically replaced things like spreadsheets, onenote, task management tools, other markdown notes etc for me. Everything is displayed with lots of ANSI colors in fzf, lots of menus where I only need to tap a single consistent key, which very quickly just becomes unconscious muscle memory... hyper efficient. Most data is actually edited and browsed in a giant Freeplane mindmap. And I have code that extracts everything from it into a postgres DB. And absolutely everything is searchable via my global desktop keyboard launcher, which is a part of this whole cohesive system too. The primary keyboard launcher using fzf not only shows all my "documents" to then launch them when I hit Enter, before that, it literally displays every possible piece of content from any depth down the mindmap / other content source too. If I just want glance at some small piece of info, I don't need to actually to need Enter to launch + goto the document/mindmap/program... it's already displayed on my keyboard launcher screen as I type each letter to filter down. Then I can just hit ALT+SPACE again to hide the launcher window, and never even needed to open whatever program the content is actually in. I never need to remember what system/program some info is stored in, it's all available at any time by just hitting ALT+SPACE on my desktop. Doesn't matter if it's opening a program, searching my main dirs/files, any piece of doco/notes at any depth, looking up definitions of all my SQL tables+views etc, trigger a web search on specific websites (without having to open browser first), or finding any code symbol in my source code (because the vscode search features are so bad they're useless to me). I guess a bit like Notion is many tools built into one, so is my TUI stuff. Difference is, I can search + find anything using fzf in less than 1 second. Good luck doing anything that quickly in a web-based system. And I'm even trying out some stuff where I use typescript's typing system to store notes/data that isn't even consumed at all at runtime. I'm simply using the typing system as a way to structurally store + present data to myself inside vscode alone, while enforcing certain things that can't be done on a simple 2D plane like a spreadsheet. I've never really seen anyone else doing anything along these lines before. I can't imagine going back to dealing with separate note taking programs etc all with their own different + inefficient search interfaces etc. Nor anything that involves 2 steps of searching (i.e. searching for note/document/file title, and then opening that and searching for text inside it). Spent at least 20 years trying to find perfect systems for all this type of stuff. Turns out it was better to just built my own in the end. Even if it incorporates some other software like Freeplane, I can merge it all together with this. One giant revelation I had way too late (only last year) was that being a webdev since the 90s... I had pretty much always built my own systems as web-based. That is super slow, even with decades of experience + reusing things. The amount of stuff I've built over the last year has been insane, because the interfaces are simply all made up from the simple TUI elements of: single-key-tap menus + fzf + ANSI colors + space paddings to display tables in terminals. Once the tooling is built up and re-usable, there's basically zero effort needed to build custom layouts as you would on websites. Oh, and also... for anything that involves editing text, like writing git commit messages etc integrates with both neovim + vscode. Also does stuff like opening JSON logs in vscode etc too. So much easier than having to view/edit this type of stuff in some special limited interface of where ever it came from. Parts of it are GUI or TUI or SQL... which ever is best for the specific feature. This is also the kind of integration you can't easily do with web-based stuff. And I can run as many instances of the TUI parts of my system as I want, very efficiently , as it's just another terminal window. Hard to explain in text like this though. But I've made way more progress on all my systems/control panels on the interface side in the last year than I did in the previous 10. Even if your job is making websites for your clients/work. Don't assume that's the best way to build all the stuff you just use yourself too. For my own personal system interfaces, the only reason I'd go back to making them web-based was if I need to do a lot of stuff with images/video. But even basic display/management of images can be done in terminals, assuming you don't need a complex layout.

  • @tattoosandtoast
    @tattoosandtoast 6 днів тому

    I started watching you when I enrolled in bootcamp. I am so Happy you’re back ❤

  • @vioskaski
    @vioskaski 6 днів тому

    Would be great to see your process of creating typescript scripts and transforming them into animation.

  • @MrSido97
    @MrSido97 6 днів тому

    Nature is healing, FFF is back.

  • @calvindsouza1151
    @calvindsouza1151 6 днів тому

    Your videos are so interesting that I cannot miss a second mate 🫡

  • @subcreation4341
    @subcreation4341 6 днів тому

    It would be interesting if you could generate the audio from the script with AI in your own voice, when it gets to the point that it really can get your mannerisms and affectations down. Though it would probably be terrible any time before then

  • @ub-relax6800
    @ub-relax6800 7 днів тому

    Just fail together sometimes with someone with camera ON. Forget the schedule. The flow is your horse.

  • @marcelvanLare
    @marcelvanLare 7 днів тому

    It goes a bit all over the place. But ok, good to show vulnerable sides. Just trust on the past of hurdles taken. Curious where this goes to.

  • @wdospinal
    @wdospinal 7 днів тому

    Yeah!!!! YOU'RE BACK!!!!

  • @AnthonyBurback
    @AnthonyBurback 7 днів тому

    So much echo

  • @SurajitMukherjee-gj6he
    @SurajitMukherjee-gj6he 7 днів тому

    Good to see back! Let's do data :)

  • @ThePaulMcBride
    @ThePaulMcBride 7 днів тому

    You have a magnificent collection of pots and pans! You should do a cooking episode!

  • @Dr3amDisturb3r
    @Dr3amDisturb3r 7 днів тому

    It'd be really interesting to see you Collab with ThePrimagen! Can't wait to see what jokes you would come up with! 😂

  • @Arvigeus
    @Arvigeus 7 днів тому

    Yesterday, I rewatched one of your older videos. I had seen it when it first came out and was already familiar with the topic. Yet, fun, passion, and flair-these three elements are consistently present in all your videos. Your joy and genuine enthusiasm are what truly resonate, far beyond the content itself. Just do what you love and only when you feel like it. Seeing you happy is what we care the most.

  • @rose123998
    @rose123998 7 днів тому

    man you are looking jacked , welcome back

  • @mareklewandowski7784
    @mareklewandowski7784 7 днів тому

    PERSUADED BY YOUR LAST VIDEO I'VE TRIED SOME PYTHONG. WHY IS PYTHONG PACKAGE MANAGEMENT SO F'D UP?! JESUS CHRIST SOME CONDA CHANELS, ENVIRONMENTS, VENVS, INTERPRETERS AAAAAA WHY AAAAAA YOU MADE ME DO THIS ok kalm thanks for the upload <3 I'll keep on trying

  • @jonwalzmusic
    @jonwalzmusic 7 днів тому

    Omg it’s so nice just to see your face and hear your voice. You’ve taught me and so many other devs so much. Your insights are always welcomed.

  • @elizavetasigova5030
    @elizavetasigova5030 7 днів тому

    Välkommen tillbaka!

  • @aquaductape
    @aquaductape 7 днів тому

    Can't believe that you're using SolidJS, that's solid!

  • @bufanpxl8r
    @bufanpxl8r 7 днів тому

    You chose the best time to come back!

  • @bobwoodard
    @bobwoodard 7 днів тому

    I haven’t been able to sign up for the email, is anyone else having a problem?

  • @SnakrGarage
    @SnakrGarage 7 днів тому

    Best news ever! Welcome back MPJ...

  • @andrebillrm
    @andrebillrm 7 днів тому

    Thank you for this ♥.

  • @aoe2geek
    @aoe2geek 7 днів тому

    I totally get feeling in a rut about productivity. I think it’s part of living in a capitalistic society. It’s good to slow down and think about what’s important, that helps me at least. By the way vite is pronounced veet. It’s French for fast :)

  • @Cilloux972
    @Cilloux972 7 днів тому

    I think you are crazy, and I love it! I discovered your channel. I'm a new subscriber. I would have liked someone to explain it to me just as well when I learned JavaScript. Precious !

  • @nikolaevkirill
    @nikolaevkirill 7 днів тому

    Thanks for sharing! I'm working on a project idea, and in my head it seemed way smaller than it is in practice. I decided to create a proper linear (project management) project and track milestones and tickets. This helped to realize the amount of work that i had in my mind and then helped to appreciate the progress. Without scoping I think I'd just end up giving up, because it feels like I'm still far from the final goal, no matter how many hours I put. But now I can clearly see that i'm moving towards the goal and the progress is done. Just good work and learning both take time, and need to appreciate the process to stay motivated.

  • @damonguzman
    @damonguzman 7 днів тому

    Please fix your audio, I can’t hear a single word you’re saying. It’s egregious. Adobe literally has audio enhancement AI, USE IT.

    • @mattz1599
      @mattz1599 7 днів тому

      Maybe go to a doctor?

  • @dunteman_racing
    @dunteman_racing 7 днів тому

    Dont even worry about the cadence. Those who have stuck around are here for you and the thought provoking content. We’re happy with whatever!

  • @OlivierLafleur
    @OlivierLafleur 7 днів тому

    Thank you for speaking. I can totally relate. "We're all on the same boat in many ways" <3 Man, take whatever time you need. Hell, release a video only once every 7 months or every 7 years if you want, but take care of yourself first. It's always a pleasure to see you, but we can wait. Please do not make yourself suffer with artificial deadlines (unless you need them to ship ;), but do they absolutely need to public deadlines?) I hear you speak about animation, and canvas, and TypeScript, and I do not get concretely how everything fits together, but I love your enthusiasm for it :) I will hear about it with pleasure when you have something that ships on the subject. But man, take care of you first. We are rooting for you <3

  • @alegos500
    @alegos500 7 днів тому

    Bro I forgot about you! I love your content! Subconsciously, I think you inspired me in so many ways. I'm so glad to see you back. Your description of the new kind of programmer is really resonating with me. I been casually programming, mostly just automating stuff for many years and the introduction of chat GPT has super charged my ability to actually produce proof of concept software ideas, and have really inspired me to learn more. Just to say I'm so happy you're back and I feel like it's perfect timing!