System is processing data
Please download to view
...

Jak zacząć swoją przygodę z JavaScript?

by functionite

on

Report

Category:

Software

Download: 0

Comment: 0

3,960

views

Comments

Description

Download Jak zacząć swoją przygodę z JavaScript?

Transcript

  1. 1. phone +48 696 185 029 mail contact@functionite.com twitter @functionite Jak zacząć swoją przygodę z JavaScript?
  2. 2. http://functionite.pl
  3. 3. Damian Wielgosik (http://ferrante.pl, @varjs)
  4. 4. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Co należy umieć by zabrać się za JavaScript?
  5. 5. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono HTML, CSS
  6. 6. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Umieć HTML i CSS nie znaczy wiesz, no ogarniam, takie znaczki się pisze w dziubkach, każdy jest do czegoś innego no HTML się pisze, a potem CSS i coś tam wychodzi umiałbym/umiałabym to zrobić, ale mi się nie chce, no daj spokój, to łatwe
  7. 7. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Co znaczy umieć HTML i CSS?
  8. 8. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Umieć HTML i CSS znaczy potrafić przełożyć grafikę (projekt strony w JPG/PSD) na kod, by wyglądał tak samo/podobnie uruchomiony przeglądarce
  9. 9. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Można umieć HTML i CSS lepiej lub gorzej
  10. 10. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Nauka to proces
  11. 11. 5 latmiesiąc ekspert HTML i CSS początkujący w HTML i CSS rok
  12. 12. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono5 latmiesiąc ekspert HTML i CSS początkujący w HTML i CSS nauka kodowania zbieranie doświadczeń rok
  13. 13. http://ferrante.pl/books/html/
  14. 14. Kiedy mogę wziąć się za JSa?
  15. 15. czas na JS! 5 latmiesiąc ekspert HTML i CSS początkujący w HTML i CSS rok
  16. 16. Co znaczy, że nauka programowania to proces?
  17. 17. Nie można nauczyć się raz, a dobrze
  18. 18. Każdy nowy projekt niesie za sobą nowe wyzwania
  19. 19. Cierpliwość!
  20. 20. Praca! Nie nastawiaj się na natychmiastowe efekty i medale
  21. 21. Co jest największą przeszkodą w nauce JSa?
  22. 22. Lenistwo. Szybkie poddawanie się.
  23. 23. Dobry rok zajęło mi, by napisać licznik znaków
  24. 24. Jak się uczyłem?
  25. 25. Metodą prób i błędów
  26. 26. Podpatrywaniem, jak zrobili to inni
  27. 27. Pytaniem innych (na forach, grupach etc.)
  28. 28. Zajęło mi to długi czas. Wracałem co jakiś czas do kodu z nowymi pomysłami, aż wyszło.
  29. 29. Programowanie to odtwarzanie schematów
  30. 30. To samo z HTMLem
  31. 31. Zrobisz raz nawigację na stronie, prawdopodobnie użyjesz czegoś podobnego w następnym projekcie
  32. 32. <nav> <h1>Menu</h1> <ul> <li><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> </ul> </nav>
  33. 33. <nav> <h1>Produkty</h1> <ul> <li><a href="/books">Książki</a></li> <li><a href="/Komputery">Komputery</a></li> </ul> </nav>
  34. 34. <nav> <h1>Produkty</h1> <p>Nasze produkty są najlepsze na świecie.</p> <ul> <li><a href="/books">Książki</a></li> <li><a href="/Komputery">Komputery</a></li> </ul> </nav> <nav> <h1>Menu</h1> <ul> <li><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> </ul> </nav> W jednym projekcie... W innym...
  35. 35. Co z tym JavaScriptem?
  36. 36. Programowania (w tym JavaScript) uczysz się raz, kolejne języki i biblioteki to tylko Twoje narzędzia
  37. 37. Niech nie przeraża Cię liczba nowości każdego dnia. Tak było i będzie!
  38. 38. Dobrze jest wybrać sobie jedną rzecz, którą chce się zrobić i próbować ją zrobić
  39. 39. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono
  40. 40. Ciężko nauczyć się JSa tylko siedząc i myśląc
  41. 41. Nauka to własna inicjatywa, zadawanie pytań, próbowanie (czyli pisanie kodu aż wyjdzie)
  42. 42. Jak można sobie pomóc w procesie nauki?
  43. 43. Zatrudnij się w jakiejś firmie jako Junior Developer
  44. 44. Front-end: pierwsza praca w HTML5, CSS3 i JavaScript
  45. 45. Czego wymagają pracodawcy?
  46. 46. HTML, CSS
  47. 47. Co dalej?
  48. 48. Przykładowa oferta
  49. 49. Jak ją widzimy
  50. 50. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Kogo szukamy? Jeśli rozpoznajesz większość z poniższych zagadnień, spotkajmy się: - Umiejętność tworzenia semantycznie poprawnych dokumentów HTML - Obsługa programów graficznych Adobe (Photoshop / Illustrator) - Znajomość zagadnień RWD - Dobra znajomość technologii webowych (SASS/CSS, HTML5) - Znajomość frameworków (Boostrap, Foundation etc.) - Umiejętność pracy z Gitem - Znajomość dobrych praktyk kodowania (DRY, KISS)
  51. 51. Jak widzi ją pracodawca
  52. 52. Kogo szukamy? Jeśli rozpoznajesz większość z poniższych zagadnień, spotkajmy się:- Umiejętność tworzenia semantycznie poprawnych dokumentów HTML - Obsługa programów graficznych Adobe (Photoshop / Illustrator) - Znajomość zagadnień RWD - Dobra znajomość technologii webowych (SASS/CSS, HTML5) - Znajomość frameworków (Boostrap, Foundation etc.) - Umiejętność pracy z Gitem - Znajomość dobrych praktyk kodowania (DRY, KISS)
  53. 53. Jeśli znacie CSSa, na pewno ogarniecie SASSa
  54. 54. Jeśli znacie CSSa, na pewno ogarniecie SASSa i ktoś Wam w firmie w tym pomoże
  55. 55. A co, gdy wymagają doświadczenia?
  56. 56. Umiejętność adaptacji, poszukiwania odpowiedzi i swobodnego poruszania się po sieci
  57. 57. Co z tym JSem na Juniora?
  58. 58. Daj sobie 3 miesiące przed zgłoszeniem do firmy
  59. 59. Spróbuj zrobić jakąś prostą funkcjonalność
  60. 60. - licznik znaków w formularzu - walidacja formularza (sprawdzenie czy user coś wpisał) - kliknięcie danego elementu sprawi, że inny się pojawi (tzw. pokaż więcej) - rysowanie w <canvas> - odtwarzanie różnych filmików w tle strony - podmiana obrazka na stronie co 5 sekund - pokazanie okienka z dwoma przyciskami po kliknięciu To może być:
  61. 61. Inspiracja jest wszędzie
  62. 62. Paradoksalnie... wyjrzyj za okno, przeczytaj nową książkę, dowiedz się czegoś nowego, poznaj nowych ludzi
  63. 63. Nie masz pomysłu? Zapytaj
  64. 64. Przyjdź na jakiś hackaton/warsztat
  65. 65. Zacznij eksperymentować, pisać, podpatrywać kod innych, naśladować
  66. 66. Nie bój się zadawać pytań, napisać maila do swojego autorytetu
  67. 67. Publikuj swoje przemyślenia, kod, udzielaj się na grupach dyskusyjnych i Twitterze
  68. 68. Chwal innych, doceniaj lepszych, nie bój się utrzymywać kontaktu!
  69. 69. Nie masz dużo czasu (rodzina, dzieci, obecna praca), daj sobie 6+ miesięcy
  70. 70. Po tym okresie roześlij CV
  71. 71. A co ze studiami?
  72. 72. Na ile muszę umieć JSa?
  73. 73. Uważaj na firmy, które Junior Developerom zlecają pracę dla zwykłego Developera
  74. 74. Jak zachować się na rozmowie?
  75. 75. Daj komuś znać, że interesuje Cię to, co robisz
  76. 76. Pochwal się tym, co zrobiłeś. Nawet o błahostkach opowiadaj jak o dużej rzeczy.
  77. 77. Czytaj blogi, Twittery, bądź na czasie, pochwal się, co czytasz
  78. 78. Miej pojęcie (choćby szczątkowe), co można zrobić przy pomocy technologii, których będziesz używać w pracy
  79. 79. Staraj się opowiedzieć o swoich projektach jak najwięcej, w tym o trudnościach i problemach nie do przeskoczenia
  80. 80. Rozmawiaj szczerze o pieniądzach. Pytaj. Nie czyń jednak tego tematu głównym Twojej rekrutacji. To po prostu źle wygląda.
  81. 81. Dostałem/Dostałam się, co dalej?
  82. 82. Przyjdę do firmy i ktoś mnie po niej oprowadzi jak matka? I bedzie dopytywał jak się czuję i czego się chcę w danym momencie nauczyć?
  83. 83. Dostałem zadanie, którego nigdy w życiu nie robiłem. Co robić?
  84. 84. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono
  85. 85. Pracodawca przede wszystkim wymaga profesjonalizmu
  86. 86. Profesjonalizm polega na otwartym umyśle
  87. 87. Potrzebujesz czegoś? Zapytaj. Jesteśmy tu, by Ci pomóc.
  88. 88. Dostałeś zadanie, ale nie wiesz co to system QWERTY123(tm)? Wygoogluj, popytaj w sieci, w ostateczności zapytaj szefa/kolegi.
  89. 89. Profesjonalizm polega też na umiejętności zaadoptowania się do warunków
  90. 90. Pytaj z wyczuciem. Jeśli ktoś jest zajęty, napisz maila.
  91. 91. Nie siedź jednak bezczynnie, jeśli zatrzymałeś się na jakimś problemie.
  92. 92. Podczas Twojego okresu próbnego najważniejsza będzie komunikacja
  93. 93. Ćwicz umiejętności miękkie
  94. 94. Produkt to efekt wspólnej pracy
  95. 95. “Ja swoje zrobiłem, nie odpowiadam za resztę”
  96. 96. blame culture
  97. 97. Dobra współpraca z członkami zespołu
  98. 98. Profesjonalizm to nie żartowanie z innych i słowna agresja
  99. 99. Profesjonalizm to nie przeklinanie w miejscu publicznym np. biurze
  100. 100. Profesjonalizm to nie bycie głośnym i narzucanie innym swojego podejścia do sprawy (w tym nadużywanie stereotypów)
  101. 101. Profesjonalizm to poczucie odpowiedzialności
  102. 102. Jak widzi mnie grupa? Co zrobić, by środowisko, w którym działam stało się jeszcze bardziej przyjazne?
  103. 103. Dlaczego środowisko pracy ma być przyjazne?
  104. 104. Pomyśl, co czują inni. Czy Twoje zachowanie nie dominuje w grupie, czy ludzie łatwo mogą wnosić swoje pomysły w grupie?
  105. 105. Profesjonalizm to też umiejętność przyznania się do błędu
  106. 106. I've missed more than 9000 shots in my career. I've lost almost 300 games. 26 times, I've been trusted to take the game winning shot and missed. I've failed over and over and over again in my life. And that is why I succeed. M. Jordan
  107. 107. Profesjonalizm to dobra komunikacja że nie dam rady że mnie nie będzie że potrzebuję więcej czasu na to zadanie
  108. 108. Profesjonalizm to zadawanie pytań innym członkom zespołu
  109. 109. Profesjonalizm to unikanie subiektywnych założeń wydaje mi się, że ona wie o tym, więc nie pytam
  110. 110. Profesjonalizm to szacunek dla wyborów innych à la pff, w PHP to teraz nikt nie pisze, wstyd
  111. 111. Ceń się
  112. 112. A jak stać się lepszym koderem w firmie?
  113. 113. Rób code review z kimś bardziej doświadczonym
  114. 114. Skorzystaj z pair programmingu
  115. 115. Znajdź bardziej doświadczonego mentora
  116. 116. Nauka to proces
  117. 117. Od prostej rzeczy w czystym JS do jQuery
  118. 118. Od jQuery do większej aplikacji (np. Todo) w czystym JSie Od prostej rzeczy w czystym JS do jQuery
  119. 119. Chcesz dodać obrazek do strony? Używasz znacznika <img> z HTML, bodo tego go stworzono Od prostej aplikacji do frameworka MVC (np. Angular.js) Od jQuery do większej aplikacji (np. Todo) w czystym JSie Od prostej rzeczy w czystym JS do jQuery
  120. 120. A co z nauką frameworków?
  121. 121. Ofert jest dużo, a pracodawcy robią wszystko, by ściągnąć Cię do teamu. Podaje się m.in. widełki płacowe.
  122. 122. Wyjedź za granicę, poznaj inne kultury i podejścia
  123. 123. Wyjazd do pracy za granicę był dla mnie najbardziej rozwojowym wydarzeniem w życiu
  124. 124. Praca zdalna?
  125. 125. Praca w UK?
  126. 126. Jakie książki czytać?
  127. 127. Speaking JavaScript
  128. 128. CSS Secrets
  129. 129. Eloquent JavaScript
  130. 130. Eloquent JavaScript
  131. 131. Illustrated Guide to Front-End Development
  132. 132. Illustrated Guide to Front-End Development
  133. 133. Maintainable JavaScript Writing Readable Code
  134. 134. Effective JavaScript
  135. 135. http://jstherightway.org/
  136. 136. http://jsforcats.com/
  137. 137. http://diveintohtml5.info/index.html
  138. 138. http://jsbooks.revolunet.com/
  139. 139. http://hakim.se/experiments
  140. 140. Inne?
  141. 141. http://dailyjs.com/
  142. 142. http://webplatformdaily.org/
  143. 143. http://javascriptweekly.com
  144. 144. http://ferrante.pl
  145. 145. http://webmastah.pl/
  146. 146. http://uptodate.frontendrescue.org/
  147. 147. http://codecademy.com/
Fly UP