Paul Lewis
Paul Lewis
  • Видео 26
  • Просмотров 217 200
Formatting dates and times in JavaScript just got WAY easier!
Let's talk date and time formatting, shall we? Good. I'm going to make a custom element that neatly wraps a date/time value and makes it relative to the current time!
The specifics of the code can be found here! github.com/paullewis/pocket-money/blob/master/src/components/time-display.ts
More info on Intl.RelativeTimeFormat at MDN (developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RelativeTimeFormat) and the v8 blog (v8.dev/features/intl-relativetimeformat)
Просмотров: 10 012

Видео

Pro tip: type-check your JavaScript the easy way!
Просмотров 12 тыс.5 лет назад
Sure, TypeScript isn't for everyone. But sometimes you want types and type-checking... well, turns out you can use the TypeScript compiler to check the types on your JavaScript - let me show you how! More info: www.typescriptlang.org/docs/handbook/type-checking-javascript-files.html
Doing JavaScript Imports 2019 Style - I love this approach!
Просмотров 11 тыс.5 лет назад
I'm back! In this video I'm talking about how I do JavaScript imports in the pocket money app... and all my current apps, really! Also typos and bugs, because that's how I roll, apparently. Stick around for quiz time at the end ;)
A new app, testing... and #OperationBeard
Просмотров 3,5 тыс.5 лет назад
Right, I'm starting a web app to help track pocket money (because apparently it's too hard when it's on paper) - come along for the ride! Today we're talking testing, and I need your help regarding beards. Well, one beard. My beard. Check out the code here: github.com/paullewis/pocket-money Also Karma: karma-runner.github.io/latest/index.html
Web Performance Mini Series: Load
Просмотров 4,1 тыс.5 лет назад
Time to finish up the mini series, and I'm going straight to progressive booting. Works great, and ties in very neatly with the video on Idle! Some other useful things to check out: eu.udacity.com/course/website-performance-optimization ud884 developers.google.com/web/fundamentals/performance/get-started/ ruclips.net/video/ipNW6lJHVEs/видео.html - a must-watch!
Web Performance Mini Series: Idle
Просмотров 4,8 тыс.5 лет назад
What do you do when you're doing nothing? Or more to the point when your app is doing nothing? Well, through the wonders of requestIdleCallback, and a pattern called Idle Until Urgent you can make good use of that time to do non-essential work. MDN - requestIdleCallback: developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback Google Developers - requestIdleCallback: developers.googl...
Chat with the brilliant Paul Irish
Просмотров 6 тыс.5 лет назад
I happened to be in NYC recently, and took the opportunity to talk with Paul Irish. We chatted about Lighthouse, HTML5 Boilerplate, YayQuery, and how it is an experienced developer like Paul came to specialize in one particular area.
Web Performance Mini Series: Animations
Просмотров 8 тыс.5 лет назад
Well if we aren't doing performance again, eh? In this one we're talking animations and the underpinning theory you need to make them smooth. Some links: www.udacity.com/course/browser-rendering-optimization ud860 developers.google.com/web/fundamentals/performance/rendering/ aerotwist.com/blog/flip-your-animations/ developers.google.com/web/updates/2017/03/performant-expand-and-collapse aerotwi...
Web Performance Mini Series: Responses
Просмотров 7 тыс.5 лет назад
Ooh it's 2019! Let's get it rolling with a mini series on web performance, and what finer way than responding to user interactions? I'm going to show you the impact of delays, how to instrument your code *and* a little UX pattern you can put to good use if your responses are running long. All aboard!
Add a little showbiz vignette to your graphics? Sure!
Просмотров 3,1 тыс.5 лет назад
kay, so this is a little thing I throw into my projects sometimes, a small touch that can just add a bit of focus and life to proceedings. Check out this CSS-Tricks post by Andreas Larsen where he talks about a similar approach, but for CSS gradients: css-tricks.com/easing-linear-gradients/ And that's me for 2018 - see you all in 2019!
❄️ Let's make some SNOW!
Просмотров 4,8 тыс.5 лет назад
It's that time of year where I get all festive! To celebrate I've been making some snow with JavaScript, the canvas element, and a little sprinkling of festive joy! Of course if you're in the southern hemisphere this is all very odd for you, sorry about that. Just hold on another 6 months or whatever, and then watch the video. Maybe. Woohoo! 🎅
Are microbenchmarks any good?
Просмотров 2,5 тыс.5 лет назад
I'm out in San Francisco for Google's Chrome Dev Summit, and I managed to grab a bit of time to chat with Surma about microbenchmarks (the thing where folks hyper-optimize one tiny bit of code). We talk about whether it's worth doing.
Thank you! ... and meet my brother.
Просмотров 2,2 тыс.5 лет назад
Time to return my brother's camera now that I no longer need it. And in the process let's say a big thanks to Phil :) Also thank you from me for all the kind comments and thumbs up. Happy Thanksgiving!
Let's drop a Service Worker on aerotwist.com!
Просмотров 6 тыс.5 лет назад
I'm going to land a Service Worker onto my site (long time coming, just never got to it, really), and I thought you could all come along for the ride. I'm covering the lifecycle of a Service Worker, as well as how to clean up caches as you go. In the future I'm hoping to expand this SW to do more fun stuff, but this is a good start! Useful links: SW Lifecycle: developers.google.com/web/fundamen...
Chatting to the mighty MPJ!
Просмотров 4,9 тыс.5 лет назад
I got to have a great chat with MPJ of Fun Fun Function fame. We talk web dev mostly, and answered some questions from folks on Twitter. If for some unusual reason you're not subscribed to Fun Fun Function head to ruclips.net/user/funfunfunction and fix that :)
Creating a circular reveal animation with JavaScript and CSS!
Просмотров 14 тыс.5 лет назад
Creating a circular reveal animation with JavaScript and CSS!
You got web dev questions, I got web dev answers!
Просмотров 2,7 тыс.5 лет назад
You got web dev questions, I got web dev answers!
React vs Web Components?
Просмотров 44 тыс.5 лет назад
React vs Web Components?
How to make an awesome text reveal effect with just CSS!
Просмотров 18 тыс.5 лет назад
How to make an awesome text reveal effect with just CSS!
How I make my videos!
Просмотров 2,4 тыс.5 лет назад
How I make my videos!
ONE tip to INSTANTLY up your JavaScript function game!
Просмотров 7 тыс.5 лет назад
ONE tip to INSTANTLY up your JavaScript function game!
My LIGHTWEIGHT build tooling setup
Просмотров 12 тыс.5 лет назад
My LIGHTWEIGHT build tooling setup
Schedule YOUR animations LIKE A PRO
Просмотров 4,2 тыс.5 лет назад
Schedule YOUR animations LIKE A PRO
6 VSCode Tips... IN 60 SECONDS!
Просмотров 12 тыс.5 лет назад
6 VSCode Tips... IN 60 SECONDS!
Sweeten up your JavaScript animations with one line of code
Просмотров 7 тыс.5 лет назад
Sweeten up your JavaScript animations with one line of code
Is this thing on?
Просмотров 2,5 тыс.5 лет назад
Is this thing on?

Комментарии

  • @3ombieautopilot
    @3ombieautopilot Месяц назад

    How are you? What’s up?

  • @valikonen
    @valikonen 3 месяца назад

    you're not practical, a lot of blablabla...

  • @vishals50
    @vishals50 4 месяца назад

    Good to see Paul Irish after such a long time, he suddenly disappeared, I thought he picked a different carrier.

  • @alffonti8227
    @alffonti8227 10 месяцев назад

    Clear and simple explanation without omitting any relevant information. Amazing work, Paul.

  • @alffonti8227
    @alffonti8227 10 месяцев назад

    Amazing. I really appreciate how you focus on the concept you are explaning while still commenting the rest of the code.

  • @deps..
    @deps.. 11 месяцев назад

    Paul senpai, new video pleaaaase 😢

  • @evapardeza1647
    @evapardeza1647 Год назад

    React is a set of libraries with lots of tools to help you made components for your React web. Web Components are much more difficult to code even if they are a standard. By some reason, if you master React, you will end up creating nice components, and you'll find creating Web Components quite difficult.

  • @BjoernBeckmann
    @BjoernBeckmann Год назад

    Your videos are still so amazing. Funny but informative and a joy to watch every single time. 👍

  • @chayanjana20
    @chayanjana20 2 года назад

    Good presentation 🎸🎸🎸🎸

  • @SIRCAM73
    @SIRCAM73 2 года назад

    Subscribed!

  • @endoflevelboss
    @endoflevelboss 2 года назад

    "what up" indeed. I see you're just one step away from saying "it's ya boy Paul Lewis". Glad we're not stooping that low just yet Paul. That's a dark place from whence there is no return.

  • @snoopy8870
    @snoopy8870 2 года назад

    what's your vs code theme paul?

  • @eugenenovikov671
    @eugenenovikov671 2 года назад

    спасибо

  • @davidmaxwaterman
    @davidmaxwaterman 2 года назад

    This could do with an update...

  • @davidmaxwaterman
    @davidmaxwaterman 2 года назад

    Is this not possible with jsdoc alone, from the command line (ie without vscode)?

  • @jeremiahthompson82
    @jeremiahthompson82 2 года назад

    Your channel is awesome. Professional. Why not continue? You could have had close to 1 million subscribers

  • @Meleeman011
    @Meleeman011 2 года назад

    Web components have made react obsolete holy crap. I just stumbled upon them but it's a really nice built in way for js to do components

  • @Thuckmyath
    @Thuckmyath 3 года назад

    Why has he stopped making videos??

  • @feijldskfhe6891
    @feijldskfhe6891 3 года назад

    Where are you man. Missing you and your videos

  • @delulu6969
    @delulu6969 3 года назад

    This video reminds me of the book, "Radical Candor."

  • @delulu6969
    @delulu6969 3 года назад

    You're seriously underrated. I don't mind if you make a couple of click-bait YT-algo friendly videos just to gain more visibility. You know, like 'Working at FAANG sucks', 'Google Dev reacts....' or 'You're doing it wrong...' etc. It's shallow but at least you can get the attention of the noob devs and level us up. I'm binge-watching all of your videos rn after finishing a marathon on HTTP 203 after I first stumbled upon Google IO shorts I think. Thank you for your great content! I hope you don't abandon this channel.TT

  • @misterhtmlcss
    @misterhtmlcss 3 года назад

    Paul great video. One ask though. Could you publish this code in a Gist, GH or on codesandbox.io in the future or if you have this code here too? It's not because it's so hard to replicate, but it would be amazing to be able to very quickly jump on what I've learned and start breaking what you wrote to get that more full body experience. Anyway that might be just me, but I love breaking and messing with code I know that works and is a new concept so that I can understand it a bit better. Again...Awesome job as usual.

  • @TarekFaham
    @TarekFaham 3 года назад

    Fantastic... More videos please...

  • @robertkaminski1781
    @robertkaminski1781 3 года назад

    why, why, why ! why did you stop recording.... :(

  • @MuhamedAlfaifi
    @MuhamedAlfaifi 3 года назад

    How did “Big Beard” go? 😂

  • @VipulAnand751
    @VipulAnand751 3 года назад

    Where are you Paul?

  • @sensiblehuman1763
    @sensiblehuman1763 3 года назад

    Your intro reminded me of Peter McKinnon

  • @everythingisfine9988
    @everythingisfine9988 3 года назад

    Soooo.... typescript as a devDependency & add some JSDocs and bam! Type checked JS 🥰

  • @PepsT
    @PepsT 3 года назад

    Wow, I thought this was going to be a pretty long video, but it was detailed and concise. Excellent!

    • @avi7278
      @avi7278 3 года назад

      Detailed? This is actually the least useful part of JSDoc type checking in typechecking function parameters. What does this function return? Imagine a function returns an object literal and then you want to use the value of a property of that object as the parameter of another function, but you want VS Code to suggest all the type safe values bound to that object for that function's current parameter? Showing that would have been detailed. This was surface level.

  • @acethomas5774
    @acethomas5774 3 года назад

    Could someone help me with JavaScripts for this game I play online plz I really need help?

  • @jimfoley2690
    @jimfoley2690 3 года назад

    Pure developer gold..... turn it off ....... wait 30 sec and turn it on .....

  • @jimfoley2690
    @jimfoley2690 3 года назад

    Oops clicked on one of your video’s by mistake oops me thinks this isn’t Paul Irish. Best mistake I have made in a long time. Naming my events Womble extends Wobble

  • @theoligarchist1503
    @theoligarchist1503 3 года назад

    does createObject work with those ?

  • @leeboyin945
    @leeboyin945 3 года назад

    Love this video, hope to see more like this. Here's the "SNOW" I made on CodePen: codepen.io/LeeBoYin/pen/LYZBKBG

  • @theoligarchist1503
    @theoligarchist1503 3 года назад

    Didnt Flow make TS Obsolete in 2016 ?

  • @samfrostinjapan
    @samfrostinjapan 3 года назад

    Your videos are great. You're quickly becoming my favorite source of knowledge for front end development techniques.

  • @tomasb3191
    @tomasb3191 3 года назад

    just found your channel, great content

  • @sagar-tt4ub
    @sagar-tt4ub 3 года назад

    Hey, Paul! Greetings. I came here from your tutorial on making particles using three.js, great work, I must say. It was easily understandable, and I could quickly grasp everything you taught there, even implemented the same on my own. I just wanted to say thanks for the tutorial but couldn't find any other means to do so. Hence, leaving a comment here. Hope you're having a great time.

  • @browsermage
    @browsermage 3 года назад

    Paul this is amazing <3

  • @rehanahmed7720
    @rehanahmed7720 3 года назад

    Hey Paul, I don't know if you are still actively responding to comments, but I have got a question, I read somewhere that using 'will-change' makes the animations smooth, would using `will-change' help us here? Or it is just not needed for some reason. And thank you for all of your awesome content. :)

  • @TarekFaham
    @TarekFaham 4 года назад

    I'm not sure why your channel is not popular... That was fantastic!

  • @Yoyomanmanholla
    @Yoyomanmanholla 4 года назад

    check your levels man.. intro and outro music is much louder than the audio of the main content

  • @ljuglampa
    @ljuglampa 4 года назад

    Where did you go?

  • @lunar-ix9vu
    @lunar-ix9vu 4 года назад

    This is cool, but why use React as the glue for vanilla web components and instead use, say, lit-element for lit- (or vanilla) web components?

    • @aerotwist
      @aerotwist 4 года назад

      Just mostly showing it's possible. You never know.

  • @RaphaelRafatpanah
    @RaphaelRafatpanah 4 года назад

    Great summary!

  • @jamesmassa1999
    @jamesmassa1999 4 года назад

    You definitely cover some interesting and important topics, however, too much theatrics, not enough information. Unsubscribed.

  • @ACaruso
    @ACaruso 4 года назад

    amazing video

  • @edcoronado
    @edcoronado 4 года назад

    Hey man! Really appreciate this video. I stumbled on direflow.io the other day. It seems to be able to transform React components into Web Components. I was wondering if you could cover this topic?

  • @lukaspapay
    @lukaspapay 4 года назад

    Nice video. We could take it further and use function argument destructuring with default values. drawRectangle({ x = 0, y = 0, w = 100, h = 100, c = "#FFF", o = 1 } = {}) { console.log(x, y, w, h, c, o) } As a bonus we get better intellisense suport and autocompletion.

  • @hitchbear
    @hitchbear 4 года назад

    I like the content. I thought same as like you and created a framework. Check out my journey ruclips.net/video/jbxvhnZetoY/видео.html