![Paul Lewis](/img/default-banner.jpg)
- Видео 26
- Просмотров 217 200
Paul Lewis
Великобритания
Добавлен 13 июл 2010
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)
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!
How to make an awesome text reveal effect with just CSS!
Просмотров 18 тыс.5 лет назад
How to make an awesome text reveal effect with just CSS!
ONE tip to INSTANTLY up your JavaScript function game!
Просмотров 7 тыс.5 лет назад
ONE tip to INSTANTLY up your JavaScript function game!
Schedule YOUR animations LIKE A PRO
Просмотров 4,2 тыс.5 лет назад
Schedule YOUR animations LIKE A PRO
Sweeten up your JavaScript animations with one line of code
Просмотров 7 тыс.5 лет назад
Sweeten up your JavaScript animations with one line of code
How are you? What’s up?
you're not practical, a lot of blablabla...
Good to see Paul Irish after such a long time, he suddenly disappeared, I thought he picked a different carrier.
Clear and simple explanation without omitting any relevant information. Amazing work, Paul.
Amazing. I really appreciate how you focus on the concept you are explaning while still commenting the rest of the code.
Paul senpai, new video pleaaaase 😢
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.
Your videos are still so amazing. Funny but informative and a joy to watch every single time. 👍
Good presentation 🎸🎸🎸🎸
Subscribed!
"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.
what's your vs code theme paul?
спасибо
This could do with an update...
Is this not possible with jsdoc alone, from the command line (ie without vscode)?
Your channel is awesome. Professional. Why not continue? You could have had close to 1 million subscribers
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
Why has he stopped making videos??
Where are you man. Missing you and your videos
This video reminds me of the book, "Radical Candor."
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
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.
Fantastic... More videos please...
why, why, why ! why did you stop recording.... :(
How did “Big Beard” go? 😂
Where are you Paul?
Your intro reminded me of Peter McKinnon
Soooo.... typescript as a devDependency & add some JSDocs and bam! Type checked JS 🥰
Wow, I thought this was going to be a pretty long video, but it was detailed and concise. Excellent!
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.
Could someone help me with JavaScripts for this game I play online plz I really need help?
Pure developer gold..... turn it off ....... wait 30 sec and turn it on .....
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
does createObject work with those ?
Love this video, hope to see more like this. Here's the "SNOW" I made on CodePen: codepen.io/LeeBoYin/pen/LYZBKBG
Didnt Flow make TS Obsolete in 2016 ?
Your videos are great. You're quickly becoming my favorite source of knowledge for front end development techniques.
just found your channel, great content
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.
Paul this is amazing <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. :)
I'm not sure why your channel is not popular... That was fantastic!
check your levels man.. intro and outro music is much louder than the audio of the main content
Where did you go?
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?
Just mostly showing it's possible. You never know.
Great summary!
You definitely cover some interesting and important topics, however, too much theatrics, not enough information. Unsubscribed.
amazing video
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?
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.
I like the content. I thought same as like you and created a framework. Check out my journey ruclips.net/video/jbxvhnZetoY/видео.html