THE MEANING OF LIFE FRONT-END USER EXPERIENCE AND EVERYTHING

Transcript

1. felipe soares THE MEANING OF LIFE FRONT-END USER EXPERIENCE AND EVERYTHING
2. Felipe Luiz Soares github.com/felipesoares6 @felipesoares6_
3. we are hiring
5. front-end
6. user experience
9. HTML
10. hypertext
11. markup <h1 id="title"> Hello </h1> <p class="text"> world </p> <a href="http://google.com"> google </a>
12. semantic
13. CSS
14. cascading style p { color: #fff; } .class p { color: #000; }
15. prefer classes over id's .class { color: #fff; } #id { color: #fff; }
16. style guides
17. CSS preprocessors
18. you might not need js
19. JS
20. the universal web language
21. es6
22. use data-attributes <p class="text" id="initial-text" data-initial-text> </p> const initialText = document.querySelector("[data-initial-text]");
23. jquery
24. you might not need jquery too
25. frameworks
26. vue react angular
27. tools
28. npm yarn bower
29. gulp grunt
30. webpack rollup
32. web mobile
33. viewport
34. web responsive
35. mobile first
36. media queries @media (min-width:768px) { color: #000; } @media (min-width:1024px) { color: #fff; }
37. user experience
38. heuristics for user interface
39. visibility of system status
40. match between system and the real world
41. user control and freedom
42. consistency and standards
43. error prevention
44. aesthetic and minimalist design
45. less is more
46. Users don’t care if React is powering this feature while Angular is powering another. Users don’t care that one page was served up by WordPress, and another page was served up by Drupal. A UI is a UI. - Brad Frost
47. communities
48. sorocaba css www.meetup.com/pt-BR/SorocabaCSS/ guru sorocaba www.meetup.com/pt-BR/GURU-Sorocaba/ python sorocaba www.meetup.com/pt-BR/Grupy-SP/ integrado www.meetup.com/pt-BR/In-Tegra-Do/ semana da tecnologia fatec fatecsorocaba.github.io/semana-da-tecnologia/ rails girls www.facebook.com/railsgirlssorocaba/?fref=ts node sorocaba www.meetup.com/pt-BR/Sorocaba-Node-User-Group-SNUG/ english meetup www.meetup.com/pt-BR/Sorocaba-English-Conversation-Happy-Hours/ gdg sorocaba www.meetup.com/pt-BR/GDG-Sorocaba/
49. thanks