developer < eat love code >
TRANSCRIPT
Developer < eat love code > TeknoTalk, 23 October 2016
Rizky AriestiyansyahFlying Developer
Agenda- Indonesia Developer - Developer???- Future Web Technology for Developers- Firefox Developer Edition- What’s next?
Developer……………...
I’M NOT CREATIVE ENOUGH,
BUT...
I’M SMART ENOUGH.
Sumber: id.jobplanet.com
What should I learn?
Language / Frameworks
JavaScript / Node.jsHTML5 / CSS3 / LESS / SASSIonic / React NativeAngularJS / Meteor Ruby / Rails Python / Django
Database / Caching
MySQLMongoDBCassandraRedisElasticSearchPostgreSQLMemcached
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
Wow!!!
● 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 ?
● 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 ?
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.
WebSocket
WebSocket is a computer communications protocol, providing full-duplex communication channels over a single TCP connection
RFC6455
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.
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 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.
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
Other...WebGL
Canvas
MathML
WebAR
WebVTT
Page Inspector
Web Audio Editor
Web Console
Javascript Debugger
Responsive Design View
Valence
What’s next?
Involve in community
Share your knowledge
?Twitter: @ariestiyansyah
Github: @ariestiyansyah