際際滷

際際滷Share a Scribd company logo
Developer < eat love code >
TeknoTalk, 23 October 2016
Rizky Ariestiyansyah
Flying Developer
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Agenda
- Indonesia Developer
- Developer???
- Future Web Technology for Developers
- Firefox Developer Edition
- Whats next?
Developer   &lt; eat love code >
Developer   &lt; eat love code >
禽艶厩艶鉛看沿艶姻盒彫盒彫盒彫盒彫...
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Developer   &lt; eat love code >
IM NOT
CREATIVE
ENOUGH, BUT...
IM
SMART
ENOUGH.
Sumber: id.jobplanet.com
What should I learn?
Language /
Frameworks
JavaScript / Node.js
HTML5 / CSS3 / LESS / SASS
Ionic / React Native
AngularJS / Meteor
Ruby / Rails
Python / Django
Database /
Caching
MySQL
MongoDB
Cassandra
Redis
ElasticSearch
PostgreSQL
Memcached
Infrastructure
Linux Switching and routing
IPv4 / TCP / UDP / HTTP
SSL / TLS
Shell scripting
Rake / Grunt / Gulp
CI & Github
Amazon AWS, S3, RDS,
BeansTalk, SNS/SES, etc
Puppet / Chef / Ansible / Docker
HAProxy / nginx
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Wow!!!
 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 ?
 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 ?
Developer   &lt; eat love code >
Web Real-Time Communication
(WebRTC)
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.
Developer   &lt; eat love code >
Developer   &lt; eat love code >
WebSocket
WebSocket is a computer
communications protocol,
providing full-duplex
communication channels over a
single TCP connection
RFC6455
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Web Virtual Reality (WebVR)
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.
Developer   &lt; eat love code >
Developer   &lt; eat love code >
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
Stereoscopic Vision
Head Tracking
The 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.
Eye strain
Motion sickness
Latency Framerate ( Frames per
second / FPS )
Interpupillary distance ( IPD )
Degrees of Freedom ( DoF )
Cone of focus
3D Positional Audio
Aframe.io the power of VR on the Web
Developer   &lt; eat love code >
Developer   &lt; eat love code >
Other...
WebGL
Canvas
MathML
WebAR
WebVTT
Developer   &lt; eat love code >
Page Inspector
Developer   &lt; eat love code >
Web Audio Editor
Developer   &lt; eat love code >
Web Console
Developer   &lt; eat love code >
Javascript Debugger
Developer   &lt; eat love code >
Responsive Design View
Developer   &lt; eat love code >
Valence
Developer   &lt; eat love code >
Whats next?
Involve in community
Share your knowledge
?
Twitter: @ariestiyansyah
Github: @ariestiyansyah

More Related Content

Developer &lt; eat love code >