Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JS Fest 2019/Autumn. Джордж Евтушенко. Как стать программистом, которого хотят

16 views

Published on

Что имеется в виду, когда говорят: "С ним приятно работать"? Бывает и наоборот, когда говорят: "Она классный специалист, но работать с ней я бы не хотел". Приходите послушать как формируется отношение к человеку на основании его профессиональных качеств и сможете унести с собой список конкретных полезных советов на этот счет.

Published in: Education
  • Be the first to comment

  • Be the first to like this

JS Fest 2019/Autumn. Джордж Евтушенко. Как стать программистом, которого хотят

  1. 1. Джордж (primetwig) Евтушенко PROFESSIONAL JS CONFERENCE 8-9 NOVEMBER ‘19 KYIV, UKRAINE Как стать программистом, которого хотят
  2. 2. От кого?
  3. 3. Для кого?
  4. 4. А тебя ценят?
  5. 5. Менеджер [секция] Заказчик
  6. 6. .btn // … some regular styles transition all 240ms &.type-primary background $c-primary color $c-white
  7. 7. .btn // … some regular styles transition all 240ms &.type-primary background $c-primary color $c-white &:hover background lighten(@background, 20%) &:active background darken(@background, 20%)
  8. 8. .btn // … some regular styles transition all 240ms &.type-primary background $c-primary color $c-white &:hover background lighten(@background, 20%) &:active background darken(@background, 20%)
  9. 9. <form class="form"> </form>
  10. 10. <form class="form"> <div class="body"> </div> <div class="success">Success!</div> </form>
  11. 11. <form class="form"> <div class="body"> <div class="field"><input /></div> <button class="submit" type="submit">Submit</button> </div> <div class="success">Success!</div> </form>
  12. 12. body perspective 3000px
  13. 13. body perspective 3000px .form transition all 400ms transform-style preserve-3d
  14. 14. body perspective 3000px .form transition all 400ms transform-style preserve-3d
  15. 15. body perspective 3000px .form transition all 400ms transform-style preserve-3d .success opacity 0 visibility hidden
  16. 16. body perspective 3000px .form transition all 400ms transform-style preserve-3d .success
  17. 17. body perspective 3000px .form transition all 400ms transform-style preserve-3d .success bottom 100%
  18. 18. body perspective 3000px .form transition all 400ms transform-style preserve-3d .success bottom 100% transform-origin center bottom transform rotateX(90deg)
  19. 19. body perspective 3000px .form transition all 400ms transform-style preserve-3d .success bottom 100% transform-origin center bottom transform rotateX(90deg) &.state-success transform rotateX(-90deg)
  20. 20. body perspective 3000px .form transition all 400ms transform-style preserve-3d &.state-success transform rotateX(-90deg) .success bottom 100% transform-origin center bottom transform rotateX(90deg) ~10 строк
  21. 21. .form overflow hidden &.state-success .body transition all 400ms transform translateX(200%) .success transition-delay 400ms
  22. 22. a text-decoration none &:hover text-decoration underline
  23. 23. a position relative display inline-block &:after content " " position absolute left 0 bottom 0 width 100% height 2px background currentColor transition all 200ms opacity 0 &:hover &:after opacity 1
  24. 24. a position relative display inline-block &:after content " " position absolute bottom 0 right 0 width 0 height 2px background currentColor transition width 200ms &:hover &:after left 0 right auto width 100%
  25. 25. a position relative display inline-block &:after content " " position absolute bottom 0 height 2px background currentColor right 0 width 0 transition width 200ms &:hover &:after left 0 right auto width 100%
  26. 26. Время Усилия
  27. 27. min 1н Время Усилия
  28. 28. Время min 1н Усилия
  29. 29. Время min 1н Усилия
  30. 30. Время min 1н Усилия
  31. 31. Зачем пытаться делать лишнее:
  32. 32. Зачем пытаться делать лишнее: 1. это развивает
  33. 33. Зачем пытаться делать лишнее: 1. это развивает 2. растет стоимость как специалиста
  34. 34. Зачем пытаться делать лишнее: 1. это развивает 2. растет стоимость как специалиста 3. не получилось – ну, и не страшно
  35. 35. Мой подход:
  36. 36. Мой подход: - взял задачу
  37. 37. Мой подход: - взял задачу - сделал задачу
  38. 38. Мой подход: - взял задачу - сделал задачу - потратил еще полчаса
  39. 39. 70% = не сделано 80% = не сделано
  40. 40. Задача делится на 2 части: Что сделать Как сделать
  41. 41. Сделать поле: - выбора пола - обязательным - в виде дропдауна или радио
  42. 42. Сделать поле: - выбора пола - обязательным - в виде дропдауна или радио что сделать
  43. 43. Сделать поле: - выбора пола - обязательным - в виде дропдауна или радио что сделать что сделать
  44. 44. Сделать поле: - выбора пола - обязательным - в виде дропдауна или радио что сделать что сделать как сделать
  45. 45. Зоны предпочтений:
  46. 46. Зоны предпочтений:
  47. 47. Зоны предпочтений:
  48. 48. Зоны предпочтений:
  49. 49. QA [секция]
  50. 50. Список возвратов от QA:
  51. 51. Список возвратов от QA: TASK–745
  52. 52. Список возвратов от QA: TASK–745
  53. 53. Список возвратов от QA: TASK–745 TASK–761
  54. 54. Список возвратов от QA: TASK–745 TASK–761
  55. 55. Список возвратов от QA: TASK–745 TASK–761 TASK–764 TASK–772 TASK–786 TASK–799
  56. 56. Критерии приёма (acceptance criteria): - есть поддержка картинки любого размера - если картинки нет, показывать инициалы - если имени нет, показывать иконку
  57. 57. Если вы не можете записать короткий пример, подтверждающий, что вы сделали всё что нужно, то вы не сделали всё что нужно
  58. 58. Коллеги [секция]
  59. 59. - стрессоустойчивость - порядочность - целеустремленность - общительность
  60. 60. const all = getAllUserIds(); const uniq = []; all.forEach(id => { if (uniq.includes(id) === false) { uniq.push(id); } });
  61. 61. const all = getAllUserIds(); const uniq = []; all. (id => { if (uniq. (id) === false) { uniq.push(id); } }); цикл цикл forEach includes
  62. 62. const all = getAllUserIds(); const uniq = [...new Set(all)];
  63. 63. const all = getAllUserIds(); const uniq = [...new Set(all)];
  64. 64. Подход в советах "а давай добавим":
  65. 65. Подход в советах "а давай добавим": плохо хорошо
  66. 66. Подход в советах "а давай добавим": плохо хорошо еще лучше хорошо
  67. 67. Правила поведения в аэропорту:
  68. 68. Правила поведения в аэропорту: Не опаздывайте на рейс Не приносите оружие и химикаты Нельзя бегать Нельзя курить Нельзя приходить пьяным
  69. 69. Правила поведения в аэропорту: Приходите на рейс вовремя Не приносите оружие и химикаты Нельзя бегать Нельзя курить Нельзя приходить пьяным
  70. 70. Правила поведения в аэропорту: Приходите на рейс вовремя Приходите только с тем, что разрешено Нельзя бегать Нельзя курить Нельзя приходить пьяным
  71. 71. Правила поведения в аэропорту: Приходите на рейс вовремя Приходите только с тем, что разрешено Нужно ходить спокойно Нельзя курить Нельзя приходить пьяным
  72. 72. Правила поведения в аэропорту: Приходите на рейс вовремя Приходите только с тем, что разрешено Нужно ходить спокойно Воздержитесь от курения Нельзя приходить пьяным
  73. 73. Правила поведения в аэропорту: Приходите на рейс вовремя Приходите только с тем, что разрешено Нужно ходить спокойно Воздержитесь от курения Приходите трезвым
  74. 74. Итоги: 1. делайте то, о чём вас не просили 2. готовьтесь к митингам 3. заказчик = "что" сделать, вы = "как" сделать 4. сообщайте что сделано и как это проверить 5. в критике используйте только позитивные слова
  75. 75. Ссылка на слайды: num.to/160-005-820-545

×