Download - Developer < eat love code >
![Page 1: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/1.jpg)
Developer < eat love code > TeknoTalk, 23 October 2016
![Page 2: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/2.jpg)
Rizky AriestiyansyahFlying Developer
![Page 3: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/3.jpg)
![Page 4: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/4.jpg)
![Page 5: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/5.jpg)
![Page 6: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/6.jpg)
![Page 7: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/7.jpg)
Agenda- Indonesia Developer - Developer???- Future Web Technology for Developers- Firefox Developer Edition- What’s next?
![Page 8: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/8.jpg)
![Page 9: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/9.jpg)
![Page 10: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/10.jpg)
Developer……………...
![Page 11: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/11.jpg)
![Page 12: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/12.jpg)
![Page 13: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/13.jpg)
![Page 14: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/14.jpg)
I’M NOT CREATIVE ENOUGH,
BUT...
![Page 15: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/15.jpg)
I’M SMART ENOUGH.
![Page 16: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/16.jpg)
Sumber: id.jobplanet.com
![Page 17: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/17.jpg)
What should I learn?
![Page 18: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/18.jpg)
Language / Frameworks
JavaScript / Node.jsHTML5 / CSS3 / LESS / SASSIonic / React NativeAngularJS / Meteor Ruby / Rails Python / Django
![Page 19: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/19.jpg)
Database / Caching
MySQLMongoDBCassandraRedisElasticSearchPostgreSQLMemcached
![Page 20: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/20.jpg)
Infrastructure
Linux Switching and routing IPv4 / TCP / UDP / HTTP SSL / TLS Shell scripting Rake / Grunt / Gulp CI & GithubAmazon AWS, S3, RDS,
BeansTalk, SNS/SES, etc Puppet / Chef / Ansible /
DockerHAProxy / nginx
![Page 21: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/21.jpg)
![Page 22: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/22.jpg)
![Page 23: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/23.jpg)
![Page 24: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/24.jpg)
![Page 25: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/25.jpg)
Wow!!!
![Page 26: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/26.jpg)
● What do you type in telnet to make an HTTP request to "http://www.google.co.id/index" ?
● Explain how "www.google.co.id" resolves to an IP
● What is a DKIM records and what is SPF record ?
● What are the CORS headers ?
● How the Huffman algorithm works (relates to gzip) ? How is it used on the web ?
● Can the "client" tell which content type it accept ? How ?
● What's the difference between TCP and UDP ?
● Can IP or domain be spoofed ?
● In relational database, when do we use "LEFT JOIN" and "OUTER JOIN" ?
● What is a "Common Table Expression" ? (Sorry for Mysqlers)
● What is "variable hoisting" in EcmaScript ?
● What is the scope of a variable in EcmaScript ?
● What is the usefulness of the "prototype" property in EcmaScript ?
● To what do we refer when we say "Box Model" in CSS ?
● What is the doctype of an html5 page ?
● Can you ask browser to cache resources for offline use ?
● Is it better to do 37 requests in parallel or issue them one by one ?
● What is the difference between a server using an event loop or workers ? Which one is faster and when ?
![Page 27: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/27.jpg)
● What are SASS and LESS ?
● What are CSS grid systems ?
● What are EM, EX, PT and % units in CSS ?
● What does this selector means : "section>article+p[lang^=en] div.foo.bar"?
● What is SOAP ?
● When is JSON better than XML ? (and vice-versa)
● What are XSLT,XQUERY, XPATH, RelaxNg, XSD ?
● What are the major differences between JAVA or .Net and NodeJs ?
● Given you have enough memory, is it a good idea to grow the MySQL query cache ?
● Should triggers handle some of the business logic which would be over-duplicated in application code ?
● Which design pattern is hidden in a 3 tier application ? (client, server, database)
● Is md5 safe for password hashing ? What about SHA-2, brcypt and scrypt ?
● What is SSH ?
● What is FTP, SFTP and SCP ?
● What are "presigned" URLs ?
● What is an "URI" ?
● When using HTTPS, what is sent in clear text ?
● On which principles SSL work ?
● What are CHAP and WSSE ?
![Page 28: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/28.jpg)
![Page 29: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/29.jpg)
Web Real-Time Communication (WebRTC)
![Page 30: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/30.jpg)
WebRTC is an open framework for the web that enables Real Time Communications in the browser. It includes the fundamental building blocks for high-quality communications on the web, such as network, audio and video components used in voice and video chat applications.
![Page 31: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/31.jpg)
![Page 32: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/32.jpg)
![Page 33: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/33.jpg)
WebSocket
![Page 34: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/34.jpg)
WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection
RFC6455
![Page 35: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/35.jpg)
![Page 36: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/36.jpg)
![Page 37: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/37.jpg)
Web Virtual Reality (WebVR)
![Page 38: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/38.jpg)
WebVR is an experimental JavaScript API that provides access to Virtual Reality devices, such as the Oculus Rift, HTC Vive, Samsung Gear VR, or Google Cardboard, in your browser.
![Page 39: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/39.jpg)
![Page 40: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/40.jpg)
![Page 41: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/41.jpg)
Virtual Reality Concepts
Stereoscopic vision Head tracking Eye strain Motion sickness Latency Framerate ( Frames
per second / FPS ) Interpupillary distance ( IPD )
Degrees of Freedom ( DoF ) Cone of focus 3D Positional Audio
![Page 42: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/42.jpg)
Stereoscopic Vision
![Page 43: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/43.jpg)
Head TrackingThe primary technology used to make you feel present in a 360º scene, thanks to the gyroscope, accelerometer, and magnetometer (compass) included in the Head Mounted Display.
![Page 44: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/44.jpg)
Eye strain Motion sickness Latency Framerate ( Frames
per second / FPS ) Interpupillary distance ( IPD )
Degrees of Freedom ( DoF ) Cone of focus 3D Positional Audio
![Page 45: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/45.jpg)
Aframe.io the power of VR on the Web
![Page 46: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/46.jpg)
![Page 48: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/48.jpg)
Other...WebGL
Canvas
MathML
WebAR
WebVTT
![Page 49: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/49.jpg)
![Page 50: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/50.jpg)
Page Inspector
![Page 52: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/52.jpg)
Web Audio Editor
![Page 54: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/54.jpg)
Web Console
![Page 56: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/56.jpg)
Javascript Debugger
![Page 58: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/58.jpg)
Responsive Design View
![Page 60: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/60.jpg)
Valence
![Page 62: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/62.jpg)
What’s next?
![Page 63: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/63.jpg)
Involve in community
![Page 64: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/64.jpg)
Share your knowledge
![Page 65: Developer < eat love code >](https://reader034.vdocument.in/reader034/viewer/2022042618/589d09f41a28ab255c8b64e3/html5/thumbnails/65.jpg)
?Twitter: @ariestiyansyah
Github: @ariestiyansyah