The Front End Power \o/

Let's understand the importance of a Front end developer in a team and also highlight the evolution of the technologies most used for this type of professional, seeing as HTML, CSS, and JavaScript have evolved in recent years breaking paradigms on the use of these technologies in the development of different types of applications.

Transcript

1. - - - Rodolfo Dias
2. @R_MDIAS Rodolfo Dias FrontEnd Engineer @CrossEngage
6. - - - Rodolfo Dias
7. a little bit about the "WWW" history…
8. WWW history #
9. WWW history # # Tim Berners-Lee in 1989. "The web was originally conceived and developed to meet the demand for automatic information-sharing between scientists in universities and institutes around the world.” CERN website
10. WWW history # 1989
11. WWW history # 1989
12. WWW history # 1989 2017
13. WWW history # 1989 2017 28 years of ❤
14. - - - Rodolfo Dias
16. what mean be a front end guy?
18. #1What mean be a front end guy? #
19. Interaction Design and usability
20. "Usability is the ease of use and learnability of a human-made object such as a tool or device. In software engineering, usability is the degree to which a software can be used by specified consumers to achieve quantified objectives with effectiveness, efficiency, and satisfaction in a quantified context of use." Usability #
21. "Interaction design, is defined as the practice of designing interactive digital products, environments, systems, and services." Interaction Design #
22. Prototypes research wireframes Personas users interview information architect
23. Interaction Design and usability example…
24. # Around 2 million cases in Brazil # Usually self-diagnosable # No treatment daltonism or Color blindness #
25. about technologies?
26. # What technologies are used?
27. # What technologies are used?
28. # What technologies are used?
29. html5 features
30. geolocation audio / video canvas Web Workers Drag and drop Web Sockets Touch events svg ambient light semantic elements Web gl and more…
31. css3 features
32. @font-face text-shadow Typography improvement Transition flex box Animations border radius and more…
33. javascript features
34. sound manipulation JS Frameworks Html5 api Drag and drop real time Touch events Ajax Dom Manipulation and more…
35. demo
36. # demo ambient light api # State 1 - Room lights on # Support
37. # demo ambient light api # Support # State 2 - Room lights off
38. Have fun!
40. THaNKS! @r_mdias