Это видео недоступно.
Сожалеем об этом.

Practical lessons from a year of building web components - Google I/O 2016

Поделиться
HTML-код
  • Опубликовано: 16 авг 2024
  • Web components are the new shiny thing on the web, but what makes a good web component? How do you design a useful API that works for all of your users and all of their browsers? How do you make it render quickly and how do you teach people how to use it? After a year of working on the Polymer Elements, I've made sure to make all the possible mistakes so that you don't have to. This talk is about the things I've learned from that.
    Watch more Chrome talks at I/O 2016 here: goo.gl/JoMLpB
    See all the talks from Google I/O 2016 here: goo.gl/olw6kV
    Subscribe to the Chrome Developers channel at goo.gl/LLLNvf
    #io16 #GoogleIO #GoogleIO2016

Комментарии • 61

  • @ChrisMcQueen
    @ChrisMcQueen 8 лет назад +35

    Can I just gush on this for a moment? So well presented and clearly know your stuff. I don't know if I agree with everything, but you backed up all your points and got me thinking about components again. Five stars, would watch again.

  • @michielreyers7594
    @michielreyers7594 8 лет назад +20

    "You have to WTFM before you can tell people to RTFM", Brilliant!

  • @erikecoologic
    @erikecoologic 4 года назад +3

    A very good talk that explains general, important and misunderstood concepts (not just strictly about web-components) in a simple way. Eg: compostability or semver

  • @RomanKaufmann
    @RomanKaufmann 8 лет назад +17

    I really enjoyed this talk. So far the best one from Google I/O 16. And always remember: Don't be input!! 😂😂😂

  • @antheus_s
    @antheus_s Год назад +2

    What an amazing talk, great energy and expertise. I've been implementing web components recently for React and vanilla JS projects and was really impressed with the possibilities. I wish I would have seen this video 6 years ago. 😛

  • @WolfKelley1
    @WolfKelley1 4 года назад +3

    When she said "OG web components" at 3:02 I giggled. Good talk!

  • @JamesJosephFinn
    @JamesJosephFinn 8 лет назад +4

    I could listen to her talk about code all day

  • @priyanayak7942
    @priyanayak7942 2 года назад +1

    Awesome content . Yes accessibility is a major concern not given high importance while developing there is huge scope for the improvement. 21 years no progress on form topic this was really amazing to know . I never thought we could do something great here . Awesome topics very well covered in a given time.❤️

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

      Psst, it's the year 2022 now so it's even worse. 27 years!

  • @codeconcept
    @codeconcept 6 лет назад +1

    I've just watched this video and 'polymer billion served'. Awesome presentations! Keep up the great work!
    Je ne sais pas pourquoi les commentaires ont été désactivés sur ta présentation de Google I/O 2017, espérons que ça n'ait pas été causé par des commentaires douteux. Encore bravo Monica :)

  • @kapilricky
    @kapilricky 8 лет назад +17

    What i learned today :
    1. Web Components
    2.How to make BlueBeryy Muffins :D
    Thanks Mon :D

  • @MinopolisMc
    @MinopolisMc 8 лет назад +8

    Awesome talk, really well presented. Web components are totally the future 8)

  • @estherstepansky5256
    @estherstepansky5256 8 лет назад +2

    Excellent presentation. Well planned, well presented & relevant topic! I'll recommending this one a lot.

  • @Dgiulian
    @Dgiulian 7 лет назад +2

    Great Talk, super fast but very clear and entertaining.

  • @hoavancac
    @hoavancac 8 лет назад +64

    I love this girl ^^

    • @TenderBug
      @TenderBug 8 лет назад +7

      wonder who doesn't :-P

    • @arowberry
      @arowberry 8 лет назад

      who is she?

    • @RedMint100
      @RedMint100 8 лет назад +4

      I think it's Monica Dinculescu

    • @cyb-m
      @cyb-m 7 лет назад +1

      she was my co-worker at Morgan Stanley

    • @hobbyturystaSEO
      @hobbyturystaSEO 4 года назад +1

      @@TenderBug LoL

  • @aBamieh
    @aBamieh 8 лет назад +1

    amazing talk, ive been using web components/polymer in production for a while now. its great.

  • @LostAlienOnEarth
    @LostAlienOnEarth 6 лет назад

    I didin't know Web Components were this big until I stumbled upon Strimpel & Overson's book the other day and then started a research on the subject. I feel like a whole decade has passed and I didn't notice.

  • @nicolasparada
    @nicolasparada 7 лет назад +6

    I learned interesting things from this talk :o

  • @davidsuggitt
    @davidsuggitt 8 лет назад +2

    very clear and very helpful! Thanx!!

  • @DanielMMelo-hc6rk
    @DanielMMelo-hc6rk 7 лет назад +2

    Awesome talk! Very helpful!

  • @__silverbadger
    @__silverbadger 8 лет назад +2

    LOL, just finished taking a screen shot before she mentions everyone taking pictures!

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

    I love you, monica, you really show us how shitty and inconsistent is web development. It's a true shame that we took 21 (!!!!!) years to reach to at least decent level in web development. Concepts like reuse, pipe, comunications were absolutely INEXISTENT the browser world. This made developers life very hard .

  • @hrishikeshjoshi2477
    @hrishikeshjoshi2477 5 лет назад

    Superb way to describe how should be app

  • @JonKeller
    @JonKeller 8 лет назад

    Great talk - I played with Polymer a bit in the early days, and then grad school timesuck happened. This gets me excited to play with it again. Though I must disagree, pineapple and mushroom is my favorite pizza :)

  • @evolutionxbox
    @evolutionxbox 8 лет назад +3

    JavaScript does have private variables. Putting an underscore does nothing except expose functions which should be actually private.
    Use closures!

    • @aBamieh
      @aBamieh 8 лет назад

      if you know more about design patterns you will understand that "closures" dont always apply. try making a private variable for a factory function using closures? polymer implements a similar behavior.
      basically what you do when you define a component is:
      var MyElement = Polymer.Class({
      is: 'my-element',
      // See below for lifecycle callbacks
      created: function() {
      this.textContent = 'My element!';
      }
      });
      document.registerElement('my-element', MyElement);
      // Equivalent:
      var el1 = new MyElement();
      var el2 = document.createElement('my-element');
      calling new Class/Constructor function will copy the object but not what the closure has, hence you lose those "closure privates".

  • @deepakmittal9244
    @deepakmittal9244 6 лет назад

    Why we use polymer boxex. is that all right to use this with angular or any other frontend. I am very confused.

  • @HumanoidTyphoon91
    @HumanoidTyphoon91 7 лет назад +3

    7:49 haha, didn't see that coming

  • @OPKevinvlog
    @OPKevinvlog 5 лет назад +1

    I loved her smile and the way she talked

  • @max8hine
    @max8hine 8 лет назад +1

    what a amazing girl. thanks for the well-talk. I love you 'do less be lazy' philosophy idea

  • @dshukertjr
    @dshukertjr 7 лет назад +6

    Did she say "as long as you test your sh*t" at 20:39?

    • @ehrro
      @ehrro 7 лет назад +3

      Sheet CSS sheet

    • @LostAlienOnEarth
      @LostAlienOnEarth 6 лет назад +1

      But that is what I say all the time to my company's development team: test your shit! But they only do it in production and shit happens ALL THE TIME.

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

    20:15 UI testing frameworks

  • @rw7799
    @rw7799 6 лет назад +1

    Meet the future CEO of anything she decides to run. She should be famous.

  • @NidhinDavidQB
    @NidhinDavidQB 8 лет назад

    She has got a crush on 'input'!

  • @ToniWCampbell
    @ToniWCampbell 8 лет назад

    Great video!

  • @youreale
    @youreale 8 лет назад +53

    Cute. I mean, the web components technology.

  • @coffle1
    @coffle1 7 лет назад

    "As long as you test your shit" XDXD

  • @Chino747747
    @Chino747747 7 лет назад

    awesome talk 🖒

  • @ebrailsongabriel903
    @ebrailsongabriel903 7 лет назад

    Great Talk!!

  • @BennyPowers
    @BennyPowers 8 лет назад

    OG Web Components :D :D

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

    It seems a little disheartening to learn that the lessons they learnt in building this, ia basically what all developers who has ever built something reusae already knew.

  • @reyou7
    @reyou7 7 лет назад

    be like grep == single responsibility principle.

  • @y9tw0t
    @y9tw0t 5 лет назад

    Stfu, a tech talk wherein the presenter manages to be personable? I wouldn't believe it if I hadn't just watched it. It's like it's not their first day out interacting with other humans.
    Often, I struggle to make it through tech related talks, tutorials, _et cetera_ without being bored into comatose or cringing to death ( e.g. ruclips.net/video/dFq4BjWb0YA/видео.html ). This is a nice change.

  • @PaulSebastianM
    @PaulSebastianM 5 лет назад +1

    She was trying so hard not swear, it was cute.

  • @LostAlienOnEarth
    @LostAlienOnEarth 6 лет назад

    I hate roleplaying but I have to do this. Most comments here express the following: "Oh, a woman! What do I do now? [Inner self] Act normal, don't be offtopic! Okay! I can do that! Hi, woman, you have a beautiful vagina. Oh, I mean, you know the stuff you were talking about! That's what I meant! [Woman] Oh, thanks?! What do you think of web components? [Awkward dude] Web components? Thought you were talking about our marriage... and our two kids, James and Sarah"

  • @sariegomon
    @sariegomon 8 лет назад +3

    please marry me

  • @SerkanSipahi
    @SerkanSipahi 8 лет назад

    Her name?

    • @marF49er
      @marF49er 8 лет назад +1

      Her name is Monica

    • @TenderBug
      @TenderBug 8 лет назад +1

      Monica Dinculescu

  • @johnbalvin5401
    @johnbalvin5401 6 лет назад

    14:27 who cares? lol, realy who cares?

  • @teleprinter
    @teleprinter 8 лет назад +2

    excellent presentation, only a detail to improve: You need to control behaviour of your legs during the talks, because your swinging mode seems you need urgently to pee.