How to be a good frontend developer
0 likes168 views
Документ обсуждает важные аспекты фронтенд-разработки, такие как необходимость использовать различные фреймворки и подходы, а не ограничиваться одним. Он освещает вопросы использования сторонних библиотек и технологий, включая Docker и системы управления контентом, а также риски, связанные с зависимостями и лицензиями. Кроме того, затрагиваются проблемы, с которыми сталкиваются разработчики, включая недостаточную поддержку веб-приложений и необходимость тщательного выбора технологий для проектов.
!["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](https://image.slidesharecdn.com/howtobeagoodfrontenddeveloper-161205081014/85/How-to-be-a-good-frontend-developer-27-320.jpg)
How to be a good frontend developer
- 1. Евгений Жарков Juno Как быть хорошим фронтенд-разработчиком
- 2. Не завязывать свой опыт на одном фреймворке
- 3. Думать о решении, а не как заставить это работать в %название_фреймворка%
- 4. Иногда Single Page Application лишний
- 6. to make smart decisions
- 10. Ой, вы наверное забыли, что это также задачи frontend-разработчика?
- 11. Нет ничего вменяемого на “модных” технологиях
- 12. Uber, судя по исходному коду, написал свое решение
- 13. Но сколько для этого нужно ресурсов?
- 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. Вернемся к ежедневным проблемам
- 42. или через год ваш проект утонет в поддержке всего этого г*вна
- 44. Использовать Alpha/Beta/RC ветки - это круто. Глаза светятся от счастья, пока на версии N17 все перестает работать
- 46. Выходит N18
- 47. “Мы пофиксили 1 баг, который нарушал общий механизм работы”
- 48. А у тебя этот баг был фичей
- 49. 10-20% именно столько нового стоит использовать на продакшене
- 50. Принесите домой больное растение и оно заразит все остальные, аналогично с кодом.
- 51. Не все хорошие вещи становятся публичными и получают поддержку комьюнити.
- 52. Не все публичные проекты являются качественно спроектированными и готовыми к реальной жизни, которая начинается за пределами ToDo списков и Counter’ов