BackboneConf 2013

Creando interfaces para Backbone sin utilizar los widgets de jQuery

Pamela Fox  · 

Presentación

HTML (pincha para descargar)

Vídeo

Transcripción

Extracto de la transcripción automática del vídeo realizada por YouTube.

alright hey everyone so I thought want a wii appropriate the beginning to my talk i'd like to start with everything 1790s but those were the good air is back when I ok so for the last I've worked as a front end of over at Coursera and how are you I'm

taking a Coursera class or signed up for how do you have gotten one week in oh my supposed to be loud ok how many who have gotten one week into a Coursera class uh-huh and anyone actually completed a class Wow very nice Scala class that SAS SAS what else do

you guys complete I rhythms alright very nice which one day vacation ok so there's a ton of classes right there's stuff like how to cook your baby that magic very popular class there's one that started a few weeks ago on volcanic eruptions and

my mom was emailing me bugs for that and I was like oh mom you're sincerely taken a classical catos an old people do they take silly classes and then I find out she's like working on a research paper for NASA on analyzing the the plums the plumes for

volcanic eruptions using portrait so it turns out there's actually really valid reasons to take classes on volcanic eruptions she also got 110% in heterogeneous parallel programming so she's basically a more accomplished person than I am at this point

like um med school cuz she's mom so I've got time to catch up alright so Coursera right so any of you who haven't signed up for a class and not taking it Chris Sarah offers online university level classes from all these different universities and

they're across a huge range of topics and you do stuff like watch lectures take quizzes do peer assessments talk in the forms all of that stuff I mean it is actually really really cool when you when you take a class and get through it I did the irrational

behavior class with Dan Ariely ja highly recommend um especially Dan um so anyway so Coursera uh we use backbone a lot basically in all of our new modern code bases we use backbone everywhere and I've actually spent the last year writing a lot of blog

posts and giving various talks on backbone so here curious about how ease back on at chrisarah I've got links here I I put together this whole guide of writing how we write apps it Chris era which is the kind of our best practices in terms of models and

views and regions and all that I'm also did some deep dives on different things that we did like rewriting Django admin rewriting our forums and some stuff on performance so for last year I've been joining these conferences that are not called backbone

cough and I've been giving talks on backbone so for backbone calm I'm not going to give a talk on backbone at all so this dog is not about backbone because the thing is that I coursera we do have multiple code bases as in we have a legacy code base

and our legacy code base is that beautiful thing known as PHP and it's PHP with a custom written framework written by some grad students who you know you just really wanted write their own and not document it and it's a beautiful thing where you mix

together HTML and you've got PHP outputting script tags with global variables in it um so we're not using back on there yet because it's taking time to import it over but we do use UI libraries there right even in our old code base we need to have

modal's we need a pop ups we need to have tool tips we need all that and we want to have a consistent you I experience across all of Coursera both our users and for our developers right if you need a mobile you should be able to use the same mobile library

in the backbone code base as in the non backbone code base right um so we kept running into the issue of realizing we would need a UI library and trying to figure out which UI library we should use and trying to use the same one across our code bases right

uh how many of you have used UI libraries poor okay should be everyone um cool you can do back one on the server um so we're going to be talking about UI library design and i'm not talking about aesthetic design i try to make that very obvious by making

my slides highly unattractive actually really really cute though um but we're not gonna be talking about aesthetic design right where are we talking about the actual behind the scenes design right the the actual layout of the code the architecture of the

libraries right um but if you really really like these slides you can totally copy them it's cool discredit me um so when we thought about which UI libraries to you know what we were going to use we obviously started with jQuery plugins right because I

hey we're gonna use you like I brary there's thousands of jQuery plugins so let's get started talking about that um so I looked up and got a history of decree plugins for those kind of curious like where did jQuery plugins come from right cuz a

lot of times we use stuff today and we don't know their history and I always find it fascinating to find out the history of the things right if you've never like looked at screenshots of the first browser that they made it's fascinating because

they used to like every image would open up in its own page because they couldn't imagine you ever wanting to having images like in line of the page and they thought all your images would be epic and every every page had an edit button right because that's

why each suite has all these verbs because they imagined originally you would just be editing everybody else's web pages um so anyway it's really fascinating to actually look at the history of the things we use today instead of just kind of assuming

that they are what they are so jQuery was released in January 2006 and John Rzeznik says that he actually built it from the beginning with the idea of plugins so from the very first day you could actually make plugins with jquery right and just 25 days later

the first jquery plugin from a third-party developer came out right and then they started to see more and more people making plugins and so then on june two thousand seven they actually came up with a jquery plugin repository to help people actually find these

plugins right and you guys have probably all seen that and then they started working on jQuery UI because there were so many people that were doing these kind of you I things with jquery they're like re well we should try and get a common common library

that's built on top of jQuery that works well and has even a better architecture right because jquery plugins work much of an architecture you're just doing the dollar FN thing but jQuery UI widgets they actually have much more of an architecture to

them can be a little more consistent when you're actually using that take where you i right and so in may 2009 they came up with his jquery UI widget factory which was a standard way of building widgets on top of jquery UI right so we accumulated jquery

plugin starting from you know the very first time during she doesn't sink so that was like Stu math here that was extended years ago right that was ages ago um and so we've been building up all these plugins since then right and jquery plugins are

actually really really awesome and we we should be really thankful for them because they did a lot of good things for the developer community right so they they generally like the the approach of jquery like from the very beginning was to encourage people

to write plugins right and say like you know if you actually want to build something on top jquery dude in this plugin style we come up with this way for you to do that right so from learn jquery calm the bait barrier to creating a plug-in of your own is so

low that you want to do it straight away some might argue to maybe the bear is too low but yeah hey it's nice to have a library um that might be true about all the web but that's cool it's good everyone see everybody in the world will be programming

it'll be awesome um there'll be a lot of bugs but hey we in doing is all I got none of us right bugs right whatever let other people like everybody should have the right to write bugs in software even little baby um okay and then you know one of the

big things about jQuery was just accessibility right so it was like a message from jQuery that they wanted you know the jQuery community wanted you to create plugins and wanted you to build on top of jQuery and that's cool it encourages people to you know

Sanjay curry how they want and it also gave a standard way to write UI libraries right it wasn't just put down a bunch of JavaScript it was hey attached something to this dog off methane and then with jquery UI widget factory it was even more specific

with you whatever five different methods that you would define and all that stuff to say what happened when you initialize the widget and then there's all these blog posts and articles that people would write to actually talk about the architectures for

jQuery plugins right to try and add even more to that so it's basically like when you thought to yourself one day like hey I want to write at UI library you would probably think to write a jquery plugin because that's kind of the standard it's

the only standard really that we think of right now at least for me that I think of what I think of I want to write a UI library right so in the beginning at Coursera whenever we would think oh we want to read UI library we would look at the how to write a

jquery plugin doc and we'd start writing it that way um and you know the jQuery community also encouraged sharing right so they've got the jquery plugin processor and there's even alternative repositories for people who don't like the jquery

plugin suppository you're like it like more visual like this but you know there's tons of these plugins there's probably like three times as many as you actually see in this repository right you just google for it if you go for jquery datepicker

plugin the first 10 results will be all blog posts that are better they're like top 10 jquery datepicker plugins right you know we like love this watch 10 barely cool um sorry I'm here isn't it whenever you're searching for any sort of library

go to let me like demonstrate right so we go to Google like and let's say we want any finger j/s library right go to all right go to search tools go to any time and do past year or past month right um and what you'll tend to find I usually do this

[ ... ]

Nota: se han omitido las otras 5.321 palabras de la transcripción completa para cumplir con las normas de «uso razonable» de YouTube.