PHP UK Conference 2013

Técnicas JavaScript avanzadas para el desarrollo de aplicaciones web modernas

Bastian Hofmann  · 

Presentación

Vídeo

Transcripción

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

so fancy title isn't it what's this talk about are we talking about lots of JavaScript I'll show you lots of code and since we are ok we're fine on time because we are I don't know if you heard running 10 minutes behind schedule so we will

finish at eleven-forty-five and you will still have plenty of time to go the next old talks after lunch Oh until lunch so this talk is about JavaScript and how you can actually enhance your applications with JavaScript your existing applications and create

a rich fancy featured application that you use in the web nowadays if you go a bit back in time about 15 years ago the web and web pages look like this and it's I think it's good thing that I spared you the background music and the animations on this

more seriously you had pages like yahoo that were bit static collections of links and everything there were some forms so there was some kind of interaction ebay was already around so also something like interactive social like features if you remember back

then the PHP version was version 3 it was year 2000 compliant yay who use PHP back then well I didn't see her in 90 something I wasn't probably old enough to use PHP fast forward to today the web looks and web pages or web applications look totally

different you have stuff like Google Docs so really desktop like feeling you have for those applications you have even offline capabilities in there so you can it even works when you don't have any connection you have stuff like Street View and maps your

fall Ides in the internet as web applications that you can just run into your browser so from 1998 to now the web totally has changed and their websites 20 web applications became much more desktop like and much more pleasant to use so what we'll do today

we will talk about a lot of techniques that actually enable creating these applications and these are one of them I will talk about web application development in general what this means in JavaScript for JavaScript applications i'll be talking about communication

with circles about including external content in the applications about AP is about authentication about this api's how to do real-time communication and also talk a bit about web RTC and if you don't know what that is you at the end of the stalks

before that a few words about me as it will i work at researchgate the aim it's a social network of scientists and the aim is to actually give science back to the researchers and help researchers build up the reputation actually do their research and by

that accelerate the scientific progress we have about 2.5 million six million users at the moment that's what the page looks like so very scientific and research related we are also if you're closely hiring if you want to know more about that ask me

after the talk especially if what what good company where you have table tennis and soccer and football and everything air hockey just talk to me Nick when I'm not working at researchgate I am frequently giving tops and conferences and I work and live

in Berlin the slides will be available on speaker dick after the talk and let's start so because i want to show you lots of code and lots of demos in this talk i decided to build up my demonstration application that i'm going to build in front of you

with meteor j/s meteor jess is this very new framework that actually is quite pleasant to use who is thought of it of meteor like four five six ok for those of you who haven't heard of it it actually is a JavaScript framework that lets you write JavaScript

suicide and client-side and it don't have to care about the communication between server and client so client being the browser because it just abstracts that so it's still very early in development I wouldn't advise to use it for production purposes

but for this demonstration is quite nice because you won't see any boilerplate code at all and i really recommend checking this out let's start with a demonstration so you see that you see nothing that will change so as i said i'm going to write

a meteor application and my first iteration of this application is just the basic hello world because always you start with Oliver what does the code look like in medium here it is so I've just a few files you see this over here most important one is I

have a template and just make this a tad bigger this is good to see in the back sides ok some top great so this is my template for my application it just have had with the titles of small body with some nodes Dom nodes here i have my hello world and an h1

tag i also added some lock in buttons that are aligned right and that's it i also have a tiny bit of javascript in here which is just said okay i want to sign up that meteor gives me to be user name only it's just a bit of configuration and that's

all I've wrote for this application I added some libraries that I use later on there are some keys are used for AP is and this arrest is meet your related this gives me an application that not only prints out hello world but also have a complete log in

and sign up which is really nice so I can create an account you choose a password there are also ways to do email verification and that's it I have an account I'm locked in I also could sign our change my password and everything so all these boilerplate

code all the sign happening is taken it's done by meteor automatically this account is stored now in the back end in MongoDB because MongoDB is at the moment the underlying data storage for meteor I don't have to do any Ajax calls I don't have

to do any setup for the database meteor takes care of that this makes it very easy to bootstrap such an application of course if you want to scale you may think okay it's not a good thing to have all this hidden from you more on that later so if you go

one step further in our demonstration I now edit a small stream feature to my application so what i can do is i can write a text entry hello.php okay send it and it appears in my stream here I had to change very little for this to work so the way meteor structures

your application is you have a client folder everything that's on their goat was just executed at the client in the browser you have a swab a folder everything that's on there is just executed on the server which is in the end node j us and you have

what's another folder is shared between both client and server and executed on both so what I had to do to add the stream feature is i added a model that is executed on those client and server where i define my short box entry collection which he finds

[ ... ]

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