Category Archives: HTML5

Chrome, HTML5, JavaScript, webdev

HTML5 APIs To Use Today On Google Developers Live Israel

Last week, I meet with few startups to talk about their web apps. After few basic questions like: how do I save data on the client without cookies? or something like: “Can I get a video input from the browser?” I thought it might be a good idea to touch on some of the APIs that are out there today in most browsers and developers can use. The best part is that in most cases, you can start using these APIs with very little code. In this demo page  you can hack around some basic HTML5 features and see the code snippets that will let you do some cool things like: save information locally (local storage for the rescue here), Geo location, device orientration, Getting Video/Audio (with WebRTC), Visibility API etc’.

The slides from my #DevConTLV Talk

Standard
Chrome, HTML5, JavaScript, webdev

DevCon TLV – HTML5 APIs (Talk & Slides)

DevCon TLV Logo

Today I had the pleasure to talk (again) at DevCon Tel Aviv. In this talk, I’ve covered some of the aspects that developer should think about in the design phase, coding phase and after the ‘production time’. It was a good opportunity  to put a simple demo page that contain some basic HTML5 features you might want to use. Why? because in cases like the ‘Summary/Detail’ element you get the option to have expendable/collapsable areas without any JavaScript. It’s great to have the ability to communicate to the browser our needs without doing some ‘hacks’ in JS. Other great options like: visibility API, Geo and device orientration are all working on most modern browsers. You can check out the slides and the links to the resources in them. Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

How Deep Is Your HTML5 Knowledge?

html5 knowledge gameWell… If you wish to see how well you know all the little quirk modes. There is a (web) App for that: http://jakearchibald.github.io/request-quest/
Thank to Jake Archibald for the time he put into it.

Standard
Chrome, HTML5, JavaScript, mobile, webdev

HTML5 APIs – Hangout With O’Reilly

Web Workers BookToday I did a hangout on air with O’Reilly. It was a good opportunity to dive into some of the aspects of modern web application and check what are the main things we wish to think about when we design, build and ship our apps. Modern web apps are rich, interactive applications.

I tried to cover the following:

  • Defining the modern web app
  • Designing a modern web app
  • HTML5 Power tools/APIs
  • Tips & best practices on DevTools and Google Cloud Endpoints.

The slides 

My book on Web Workers.

And you can watch the video recording of the talk:

Standard
Chrome, HTML5, JavaScript, mobile, php, webdev

HTML5 APIs On Google Developers Live Israel

html5-cakeThis week we spoke about “Modern Web Applications Utilizing HTML5 APIs“.
Some of the things we covered:

  • Defining the modern web app
  • Designing a web app with a thought on all devices out there.
  • HTML5 Power tools/APIs
  • Google cloud endpoints and why it’s a great option to built your next powerful API.

Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

Google I/O 2013 – Mobile Web App Demo

Standard
Chrome, HTML5, JavaScript, mobile, webdev

Google I/O 2013 – Mobile, Web and Cloud – The Triple Crown of Modern Applications

app_engine-256Can we had a better title for our talk? I’m not sure… But the description was along the lines of “…Ready to rock the world with your next application? Odds are you are thinking about mobile, web and the cloud.” So far… so good.

In this session we talked about building a modern mobile web application that takes advantage of the Google Cloud Platform. We touch on the powerful combination of the “mobile web AND the cloud” and in the process we tried to show the power of Google cloud endpoints and modern HTML5 apis. We built a fun little mobile web app “Pictureque” that give you the options to take photos (even on airplanes) and then share them with the world. Continue reading →

Standard
Chrome, HTML5, webdev

ChromeOS Hacking On Google Developers Live Israel

ChromeOS - new gift to your old laptop

ChromeOS – A new gift to your old laptop

Today, I had the pleasure to sit for 15min with Nissim Betito (the one and only!) how is a known hacker in the linux community around TLV. We spoke about Chromebook and what are the powerful tools that you can leverage today when you wish to write code. Later, we showed how to install ubuntu on Chromebook and get everything you miss as a developer that must have gcc (or other complier) under their hands. In the near future we will show how to install chromeOS image on raspberry pi… Continue reading →

Standard
Chrome, HTML5, JavaScript, webdev

AngularJS 101 On Google Developer Live Israel

AngularJS-largeToday we had the pleasure to host Shai Reznik and talk with him on his true passion – AngularJS. Few of the hot topic we covered in this episode where:

  • Data binding is an automatic way of updating the view whenever the model changes, as well as updating the model whenever the view changes. This is awesome because it eliminates DOM manipulation from your todo list and it’s making sure to work efficiently with zero effort on your part.
  • Directives – How you can use today ‘Web components’ and see how it will be (fun and productive) to develop in the web platform in the near future.
  • Dependency Injection – Why it’s a powerful concept and how it can help you with managing large scale web apps and your testing.
  • Module – We spoke about the community around this framework and one of the by products is the modules that extend the options of which APIs and web services you can use directly from Angular. Continue reading →
Standard
Chrome, HTML5, JavaScript, webdev

Web Workers Intro On Google Developers Live Israel

Web Workers is a good way to improve the performance of your web applications. It’s not a new HTML5 API but for some reason not too many front end developers are using it. This short episode will give you the intro to why and how you can leverage this simple and powerful API to enter the world of multi threads in the browser. Continue reading →

Standard