You Gotta Love Frontend
You Gotta Love Frontend
  • Видео 117
  • Просмотров 615 722
Craig Spence - Do You Want to Build a Build Tool?
Tooling for code generation, transformation and interrogation has improved in leaps and bounds over the last few years! We now have things like Webpack, Prettier and ESLint, that can manipulate code in powerful ways, speed up development, and provide insight into how our applications work.
But how exactly do they work? Some of the ideas that make these kinds of tools tick are rather tricky, and not the kinds of thing you come across in day-to-day web development...
This talk will be Code Tooling 101, and act as an introduction to Abstract Syntax Trees, and all the weird and wonderful things you can do with them. We will start together at the TypeScript compiler APIs and learn all about cod...
Просмотров: 1 040

Видео

Henri Helvetica - The Metric System: Making Correct Performance Measurements
Просмотров 4503 года назад
Some who have been present on the web a little whilst might still remember one of the preeminent debugging tools: FireBug. For all its features and early praise, its author Joe Hewitt initially created it for 2 reasons: to observe what was happening on a page, pre and post resource load. Two simple metrics. A decade and change later, measuring resource loading and page performance is in equal p...
Mandy Michael - Variable Fonts and Responsive Typography
Просмотров 2,2 тыс.3 года назад
Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Api...
Boris Litvinsky - Road to Async Nirvana
Просмотров 9563 года назад
Consumption of asynchronous data sources has been an issue in frontend development for years. We've all been there - loading states, errors, tons of boilerplate code. Through the years, there have been many attempts to tackle the issues. Finally, with the arrival React Query, combined with new React features such as Hooks and Suspense, is it possible that we have finally reached the "asynchroni...
Chen Hui Jing - The Prismatic World of CSS Colours
Просмотров 1,2 тыс.3 года назад
If you’re a web developer, odds are you would have typed something like, color: #BADA55 or background: #DE1E7E at some point in your projects. Colours in CSS have had a pretty interesting history and are continually being developed and evolving. We’re going to start off with some colour related trivia then go into how colours work in CSS. Slides: huijing.github.io/slides/86-yglf-2020/#/
YGLF 2019: Code Camp - Israel
Просмотров 3164 года назад
YGLF 2019: Code Camp - Here is some of what we had over two incredible days on the beautiful northern coastline of Israel! YGLF Code Camp spiced things up with a first-time concept in Israel. The event was all about taking frontend tech out for a stroll in nature, offering a unique experience, with overnight, to enthusiastic frontend developers. From professional talks by top-notch devs, to fas...
YGLF 2019 Vilnius
Просмотров 2,3 тыс.5 лет назад
A short recap of YGLF 2019 Vilnius. With a growing industry, supported by a lively and passionate community of developers, YGLF brought some of its magic to Vilnius. The event took place in the city center, in a freshly renovated, but preserved venue, we were joined by big names with irresistible talks and a whole lot of fun! YGLF is a series of community events built by developers for develope...
Charlie Gerard - Practical Machine Learning for Front End Developers
Просмотров 2,7 тыс.5 лет назад
Machine learning can have some pretty complicated concepts to grasp if you’re not a data scientist. However, recent developments in tooling make it more and more accessible for developers and people with little or no experience. One of these advancements is the ability to now train and run machine learning algorithms and models in the browser, opening this world to front-end developers to learn...
Liv Erickson - Understanding the Opportunity and Impact of Immersive Technologies
Просмотров 6235 лет назад
VR. AR. These acronyms represent an increasingly prominent movement towards immersive, spatial computing as a modality for interacting with the software that we use on a regular basis. Virtual and augmented reality frameworks are becoming more widely available and the benefits of these technologies are taking shape - which means that we as developers need to be prepared to consider how we integ...
Dan Shappir - The Challenges and Pitfalls of Server Side Rendering
Просмотров 1,5 тыс.5 лет назад
Server-Side Rendering (SSR) has become a go-to method for improving the load time of dynamic websites. Rendering content on the server can significantly reduce time to page visibility, and is also beneficial for SEO. However, SSR is not without significant risks and potential downsides. It's all too easy for an SSR project to fail, to not provide the desired benefits, or to introduce unexpected...
Doug Sillars - Fast and Beautiful Modern Image Delivery Techniques
Просмотров 9555 лет назад
The average mobile website page weight is ~50% images. Toss in the complication of thousands of differently sized screens, and it might appear that efficient delivery of images to every device is an impossible task. But all is not lost! In this talk, we’ll examine strategies to send the perfect image to every device, ensuring a fast, beautiful rendering of your content. We’ll look at progressiv...
Sean Grove - Having Your Cake and Eating It Too GraphQL in Reason
Просмотров 6085 лет назад
Traditionally, soundly typed-language are warm and cozy in their own world, but as soon as they have to deal with the outside world (say, talking to a REST API), the pain quickly sets in: trying to keep a type definition in sync with a moving external service, manual conversion back and forth, and lots of boilerplate. Well no more! Proper GraphQL support in ReasonML libraries means that we can ...
Kyle Simpson - FOUC, and the Death of Progressive Enhancement
Просмотров 2,7 тыс.5 лет назад
Web developers have long heralded Progressive Enhancement for delivering web experiences in "layers" (HTML, images, CSS, and then JS). It sounds so obvious and elegant, right? But FOUC (Flash of Unstyled Content), exposes the lies we've been telling ourselves and users! It's time to peel back the layers and re-envision how the web is assembled. Slides: speakerdeck.com/getify/fouc-and-the-death-...
Marius Jurgelėnas - Algebraic Data Types
Просмотров 4 тыс.5 лет назад
Algebraic Data Types (ADTs) are types composed of other types. There are two classes of them - product and sum types. Although there is a better support in JavaScript for product types, we can also use sum types as well. In this lightning talk, Marius, briefly explains what these different ADTs are and how can we use them to better model and think about our data. Slides: slides.com/mariusju/adts#/
Adrian Roselli - Selfish Accessibility
Просмотров 9745 лет назад
We can all pretend that we’re helping others by making web sites and software accessible, but we are really making them better for our future selves. Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review simple testing techniques, basic features and enhancements, coming trends, and wher...
Maximiliano Firtman - Hacking Web Performance
Просмотров 1,2 тыс.5 лет назад
Maximiliano Firtman - Hacking Web Performance
Rebecca Hill - Essential JavaScript debugging tools for the modern detective
Просмотров 1 тыс.5 лет назад
Rebecca Hill - Essential JavaScript debugging tools for the modern detective
Ramón Guijarro - You Might Not Need Classes
Просмотров 1,2 тыс.5 лет назад
Ramón Guijarro - You Might Not Need Classes
Alan Mendelevich - The Future of Data Visualization on the Web
Просмотров 9365 лет назад
Alan Mendelevich - The Future of Data Visualization on the Web
Armagan Amcalar - MIDI A New Dimension in Controlling Your Browser
Просмотров 2,3 тыс.5 лет назад
Armagan Amcalar - MIDI A New Dimension in Controlling Your Browser
Vitaly Friedman - The Shady Secrets From The Dark Corners of Web Interfaces
Просмотров 7355 лет назад
Vitaly Friedman - The Shady Secrets From The Dark Corners of Web Interfaces
Gil Tayar - Don’t Believe the Rumors Writing Tests for CSS is Possible
Просмотров 4215 лет назад
Gil Tayar - Don’t Believe the Rumors Writing Tests for CSS is Possible
Niels Leenheer - JavaScript On Microcontrollers
Просмотров 1,2 тыс.5 лет назад
Niels Leenheer - JavaScript On Microcontrollers
Hui Jing Chen - Typesetting for a Global Web
Просмотров 1,2 тыс.5 лет назад
Hui Jing Chen - Typesetting for a Global Web
Boris Litvinsky - Your IDE deserves better
Просмотров 1,3 тыс.5 лет назад
Boris Litvinsky - Your IDE deserves better
Kyle Simpson - Keep Betting On JavaScript
Просмотров 15 тыс.5 лет назад
Kyle Simpson - Keep Betting On JavaScript
Una Kravetz - How to Be #Extra with CSS Houdini
Просмотров 1,5 тыс.5 лет назад
Una Kravetz - How to Be #Extra with CSS Houdini
Michel Weststrate - Modern React and the case for Reactive State Management
Просмотров 2,1 тыс.5 лет назад
Michel Weststrate - Modern React and the case for Reactive State Management
Brandon Dail - Algebraic effects, Fibers, Coroutines...Oh my!
Просмотров 1,9 тыс.5 лет назад
Brandon Dail - Algebraic effects, Fibers, Coroutines...Oh my!
Yael Balla - Design system - From a Developer Point-of-View
Просмотров 1,1 тыс.5 лет назад
Yael Balla - Design system - From a Developer Point-of-View

Комментарии

  • @sumeetilalwani5548
    @sumeetilalwani5548 10 дней назад

    What an amazing video! I had to slow down and rewind in a lot of places because it was so filled with info. Also, love the self-deprecating humour and the unassuming tone. Brilliant 💟

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

    JavaScript could destroy the web if we are not careful.

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

    Great talk. Please don't ship a feature without approval though.

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

    Top 10 greatest tech talks of all time

  • @user-rk5pd5xo2j
    @user-rk5pd5xo2j 6 месяцев назад

    I never knew reactivity is such a big deal

  • @iSaac-kp5lk
    @iSaac-kp5lk 6 месяцев назад

    Well, I'm sold. Svelte it is.

  • @raccoons_stole_my_account
    @raccoons_stole_my_account 6 месяцев назад

    Comparing absolute dumpster fire that is JS to a rocket engineering is just otherworldly level of, ahem, * being wrong *.

  • @shyamtripathi2097
    @shyamtripathi2097 8 месяцев назад

    It is so sad that these kinds of videos are so underrated on youtube... This was so easy for me to understand <3... Thank you Ronen

    • @golcuk2076
      @golcuk2076 7 месяцев назад

      Because it is not something "Learn JS in 10 hours" :D Joke aside the one who going to be interested in such a topic must pass the basic things so that way they are curious about those under-the-hood topics and start to search. That's why there are such low views because people who search for it are a minority.

  • @Skvdev
    @Skvdev 8 месяцев назад

    Why is its name value Kiev?

  • @iub.9893
    @iub.9893 8 месяцев назад

    very nice

  • @golcuk2076
    @golcuk2076 9 месяцев назад

    No doubt amazing explanation yet I don't have enough understanding to understand everything %100 percent. Thx for this video anyway

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

    Mindblown. A fantastic talk!

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

    If you have worked on large applications, you would understand that Svelte is still relatively immature and significantly lags behind JSX And this is good idea to think about 20-40% of performance if you write small / medium project but if you work on large /complex app you think about team productivity first. You know, in common cases its no matter - 0,020ms or 0,050ms work your script, Its more important testability, debbugging, productivity. Svelte stil has many teething problems to this day I really like the idea of "server-side reactivity", but if you have more freedom with jsx - I choose jsx for complex projects You can compare this way like - we choose using c#/java , no c++ for complex backend with rich business logic - yes, java /c# is less performance than c++, but they give us more productivity

  • @useruser-ti1og
    @useruser-ti1og Год назад

    Not only an amazing dev but an amazing speaker as well!

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

    graphics editor 🤣

  • @Dev-Siri
    @Dev-Siri Год назад

    so I learned svelte is a spreadsheet :O

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

    this aged so well

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

    Tbh feels like wasting 57 minutes of my life. All these ideas could be shared in a much smaller time frame if you throw away wasteful words.

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

    Great video, many thanks :)

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

    it's quite funny when there is a lot of devs in the audience live debugging some live coding <3

  • @Proezdom-zx2tl
    @Proezdom-zx2tl Год назад

    Very, VERY informative. Motivating also...

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

    Thank you so much!

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

    18:22 I am missing a comparison to angular. Angular uses the real DOM too. Why use svelte instead of angular? I am also missing the testing tools.

  • @KomarovPavel-if8ud
    @KomarovPavel-if8ud Год назад

    why do you need "module" variable on lines 83, 85 and 87? Non of the modules actually use "module" parameter, only "require" and "exports". I might have to try rewriting it myself, maybe I missed something.

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

    Laravel + Inertia + Svelte = 🔥

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

    Excellent. I started programming before React and stopped before i had to learn it. Now, i’m back and the smell that was react doesn’t stick to the frontend anymore. I consider myself lucky, thank you.

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

    Nels, Great presentation and excellent examples. Thanks for doing it.

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

    34:02 "What's good for developers is ultimately good for users"

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

    A talk, and a framework, that keeps on giving. You had me at the todo-list, then you captured my heart when you showed me transitions. Man I have battled many transition states with React.

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

    I've been looking for something like this for years. An easy to use front end framework for personal projects that gives you the power of templating engines and component based designs without getting in your way by forcing you to write tons of boilerplate because it assumes you are writing an enterprise app (*cough* Angular) I've been messing around with it for a few hours and I already have a basic CRUD app running with bootstrap. I really hope this project takes off.

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

    This was great, thank you Ronen.

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

    Rich is one of the few amazing presenters. He really did create something special in Svelte.. it’s so different, so perfect, so..right

  •  Год назад

    Wow

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

    The first 2:30 of this talk has to be the best, most simplified, most relatable example and explanation of the problem with React and why Svelte is a solution. I absolutely adore this talk.

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

    Holy mouth noises 😢

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

    Great Talk! But the mouth sounds..... AAAAHHHH!!!!

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

    26:10 Its kind of irony that he's talking about embedded web and then about A11y next, because these embedded devices don't really care about A11y. And do you know what's the worst part? Svelte's A11y warning is a pain in the ass to disable, not mentioned in any doc, and even if you managed to disable it, it'll break next time you update.

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

    Haven't written a single line of JS last 10 years. Just heard rumours about ReactJs, few things about AngularJs. I wanna build a website with Svelte now. Really impressive.

  • @The-Dev-Ninja
    @The-Dev-Ninja Год назад

    mind blowing, i will use it!

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

    Does anyone have the link to the RUclips he mentioned near 17:20?

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

    i can never go back to react after seeing this

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

    Great talk but the argument for CSS in JS is that when using classes, you are afraid of changing them because you don't know what they affect. A simple "search all files for a string" will solve that real quick. I'm not saying that CSS in JS is a bad idea, but I don't see why you'd have to make a choice between using classes and typing it all over your JS files. Styles can also get quite long, so it adds a lot of scrolling to your files for thing so don't need to look at as much.

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

    So, what you're saying is that Svelte is just an advanced spreadsheet. Got it.

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

    25:37 Would be interesting to have benchmarks that compare these implementations with a Qt Quick one as well as a regular Qt one

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

    bro, just use C

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

    was looking through React tutorials to start learning it but somehow accidentally came by Svelte. immediately a fan. there's no way back.

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

    "everytime we have to re-run these functions" is what I always complain about

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

    Is this guy from "Silicon Valley" sitcom? The one who organized incubators?

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

    Well explained. Hopefully people can understand it before we all have to write .microsoft scripts

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

    vos decis uuuh guacho hacer componentes de front end es una mierda mira todo el codigo que tengo que hacer y viene este chabon pensando en excel y y compiladores y te cambia la forma de ver todo el proceso. incredible.