Евгений Жарков делится советами для фронтенд-разработчиков, подчеркивая важность разнообразия в инструментах и фреймворках, а также необходимость адаптации решений к конкретным задачам. Он обсуждает проблемы с технологиями, такими как SPA и необходимости использования статических генераторов и проектирования интерфейсов, а также делится техникой создания mock-сервера для изоляции от бэкенда. Документ также касается лицензий на программное обеспечение и управления зависимостями, предостерегая от использования нестабильных версий и некачественных публичных проектов.

1. Евгений Жарков
Juno
Как быть хорошим фронтенд-разработчиком

2. Не завязывать свой опыт
на одном фреймворке

3. Думать о решении, а не как заставить это работать в
%название_фреймворка%

4. Иногда Single Page Application лишний

5. Он слишком большой

6. to make smart decisions

8. Он слишком мал

9. Как насчет CMS?

10. Ой, вы наверное забыли, что это также задачи
frontend-разработчика?

11. Нет ничего вменяемого на “модных” технологиях

12. Uber, судя по исходному коду, написал свое решение

13. Но сколько для этого нужно ресурсов?

14. Wordpress, Django CMS…прочее

15. Да, не все проблемы
можно решить с помощью SPA

16. Статические генераторы,
например Hugo.
Без нормального UI
для пользователя.

17. А иногда желание бизнеса и возможности браузера
совсем не пересекаются

18. История со сканером
водительских прав

19. •Браузер не умеет контролировать камеру, стандарт есть - реализации нет
•Решений для качественного сканирования PDF417 нет
•Насильственный опыт для пользователя
•Нужно что-то делать

20. • Изучаем платформу, где используют веб-приложение
• iOS, отлично
• Находим качественную библиотеку сканирования штрих-кодов

21. Но я не умею разрабатывать
под iOS, это же сложно

22. - Apache Cordoba
- ReactNative
- NativeScript
- Native Proxy

23. Замечательно, это JS!
Но решать задачу, забивая гвоздь трактором, мы не
будем

24. Берем 1-2 дня на реализацию “прокси” между
WebView и вашим JS кодом на Swift

25. Как изолировать и упростить жизнь с backend?

26. Написать свой mock-сервер и забыть обо всем
зоопарке для старта приложения

27. "id": faker.random.uuid(),
"customer": {
"id": faker.random.uuid(),
"first_name": faker.name.firstName(),
"last_name": faker.name.lastName()
},
"phone": faker.phone.phoneNumber(),
"active": faker.random.boolean(),
"created_at": faker.date.past().toISOString(),
"expire_at": faker.random.arrayElement([
faker.date.past().toISOString(),
faker.date.future().toISOString(),
null])
faker.js

28. Все очень плохо? Нет времени внедрять в
существующий проект? Отгородись от зоопарка.
Docker

29. Но я же, я же JS-разработчик

30. Несколько дней на разбор Docker
и больше ничего, кроме frontend’а, на твоей машине

31. FROM python:3.4
ENV PIP_REQUIRE_VIRTUALENV false
RUN mkdir -p /cms/requirements/
ADD requirements/base.txt /cms/requirements/base.txt
RUN pip install -r /cms/requirements/base.txt --trusted-host
pypi.customhost
EXPOSE 8090
CMD python /cms/src/manage.py runserver
--settings=config.settings.docker 0.0.0.0:8090

32. .PHONY: init clean start stop
current_dir = $(shell pwd)
init:
docker build . -f python.dockerfile -t cms-python
docker run --name cms-mysql -e MYSQL_ROOT_PASSWORD=secretpassword
-d mysql/mysql-server:5.7
docker exec cms-mysql bash -c "mysql -u'root' -p'secretpassword'
-e 'CREATE DATABASE __cms’" || :
docker run --name cms-web --link cms-mysql:mysql -v "${current_dir}/src:/cms/src/"
-p 0.0.0.0:8090:8090 -d cms-python
docker exec cms-web bash -c "python manage.py migrate --settings=config.settings.docker"
docker exec -it cms-web bash -c "python manage.py createsuperuser —
settings=config.settings.docker"

33. start:
docker stop cms-mysql
docker stop cms-web
stop:
docker start cms-mysql
docker start cms-web

34. Немного о лицензионных соглашениях

35. Читайте лицензионные соглашения, чтобы не
подставить компанию

36. Помните историю с лицензией React.js?

37. LICENSE > PATENT
The license granted hereunder will terminate, automatically and without
notice,
if you (or any of your subsidiaries, corporate affiliates or agents) initiate
directly or indirectly, or take a direct financial interest in, any Patent
Assertion: (i) against Facebook or any of its subsidiaries or corporate
affiliates, (ii) against any party if such Patent Assertion arises in whole
or

38. Google Analytics User ID Policy

39. • You will not upload any data that allows Google to personally identify an
individual (such as certain names, Social Security Numbers, email
addresses, or any similar data), or data that permanently identifies a
particular device (such as a unique device identifier if such an identifier
cannot be reset).
• If you upload any data that allows Google to personally identify an individual,
your Google Analytics account can be terminated, and you may lose your
Google Analytics data.

40. Вернемся к ежедневным проблемам

41. Мониторинг package.json

42. или через год ваш проект утонет в поддержке всего
этого г*вна

44. Использовать Alpha/Beta/RC ветки - это круто.
Глаза светятся от счастья, пока на версии N17 все
перестает работать

45. Окей, сел, исправил

46. Выходит N18

47. “Мы пофиксили 1 баг, который нарушал общий
механизм работы”

48. А у тебя этот баг был фичей

49. 10-20%
именно столько нового
стоит использовать на продакшене

50. Принесите домой больное растение и оно заразит
все остальные, аналогично с кодом.

51. Не все хорошие вещи становятся публичными и
получают поддержку комьюнити.

52. Не все публичные проекты являются качественно
спроектированными и готовыми к реальной жизни,
которая начинается за пределами ToDo списков и
Counter’ов

53. Еще раз о главном

54. - Как хакатон прошёл?
- Вообще отлично! Настроили Webpack и Babel

55. eu.zharkov@gmail.com
@2j2e