Публикации по теме front-end-development

Публикации по теме 'front-end-development'

Тестирование в React

При обучении программированию большинство людей начинают использовать подход к разработке, основанный на поведении, который заключается в написании кода для соответствия функциональности или наблюдаемому поведению. Однако разработка, управляемая поведением, также называемая BDD, происходит от TDD или разработки, управляемой тестированием. TDD фокусируется на модулях программного обеспечения, где для этих модулей пишутся тесты, чтобы гарантировать, что модули работают должным образом. В..

Почему вы должны модулировать свой интерфейсный стек

Модульный или монолитный Было время, когда мы не хотели отказываться от монолитной серверной архитектуры, но микросервисы и бессерверная архитектура уже становятся обычными вариантами использования. В случае с фронтенд-приложениями все на какое-то время застряло в одном большом незаменимом фрагменте JavaScript. Модульная архитектура относится к стеку кода, состоящему из минимальных модулей, из которых большая часть системы может быть заменена или подключена для работы с другой..

Путь веб-разработки День 1: HTML, CSS и JS.

HTML, CSS и JS, что? HTML — язык гипертекстовой разметки CSS — каскадные таблицы стилей JS — Javascript Это языки Интернета, и вместе они определяют то, что вы видите и делаете при посещении веб-сайта. Другими словами, HTML обеспечивает базовую структуру веб-сайта, CSS рисует ее и делает красивой, а JS придает ей поведение, позволяющее взаимодействовать с кнопками, формами и т. д. Итак… как работают веб-сайты? Когда вы посещаете веб-сайт с помощью браузера (Chrome,..

Попутный ветер + React TypeScript = 🔥👌😎

За последние пару лет TypeScript начал набирать обороты в мире React и теперь имеет официальную поддержку в create-react-app . Использование TypeScript позволяет нам получить преимущества IntelliSense, а также возможность более подробно рассуждать о нашем коде. Внедрить TypeScript легко, поскольку файлы можно постепенно обновлять, не вызывая проблем в остальной части вашего проекта. Почему попутный ветер? Большинство фреймворков CSS делают слишком много, они поставляются со..

CSS-сетка с примерами

Узнайте о сетке CSS на практических примерах. Вступление Система сеток - одна из величайших функций, добавленных в CSS. Это позволяет легко выравнивать элементы по столбцам и строкам. Сетка CSS упрощает создание сложных и отзывчивых веб-страниц без использования плавающих элементов, таблиц или позиционирования. У него также есть много более мощных способностей, которые вы можете узнать, если будете много практиковаться. В этой статье мы узнаем о CSS-сетке с некоторыми..

Очистка кода JavaScript: как можно провести рефакторинг для использования классов

В небольших проектах React хорошо работает хранение всех ваших методов компонентов в самих компонентах. В проектах среднего размера вы можете захотеть получить эти методы из своих компонентов и превратить их в «помощника». Здесь я покажу вам, как использовать класс (вместо экспорта отдельных функций и переменных) для организации вашего кода. Примечание . Я работаю в React, поэтому мы обсудим этот пример. Типичный рефакторинг В типичном рефакторинге вы берете функцию компонента и..

Что я? фронтальный кризис идентичности.

Давно ли вы заглядывали на сайт по подбору персонала? Читать сотни сообщений от рекрутеров на LinkedIn? От современного фронтенд-разработчика ожидается, что он мастер браузера, наполовину ученый, наполовину передовой дизайнер. Кто-то, кто может программно создать целую платформу в коде, настолько СУХОМ, что Facebook будет построен в 200 строках кода. Этот колосс компьютерных наук настолько современен с новейшими фреймворками, что они используют React 19.1 (недоступный в то время..