Полезное по Frontend

Простыми словами объясняем сложное👨‍💻 Сегодня разбираемся, зачем учиться работать с React.js Frontend-разработчикам. #js_kata

Собрали подборку полезностей для Frontend-разработчиков — сохраняйте в закладки, чтобы не потерять⭐️ А в комментариях делитесь, чем пользуетесь сами — расширим наш список полезного. 1. SpaceBase Что это: адаптивный CSS-фреймворк. Что умеет делать: обеспечивает структурную основу для вашего приложения — настраивает архитектуру Sass и нормализует ваши стили и собственные элементы HTML. 🔗 Ссылка: https://clck.ru/32q6id 2. AngularJS Что это: популярный фреймворк, позиционируется как «расширение HTML» для создания комплексных веб-приложений. Что умеет делать: помогает создавать и обслуживать сложные веб-приложения. В этом фреймворке можно создать View Component — многократно используемые компоненты представлений. 🔗Ссылка: https://clck.ru/HjibN 3. ReactJS Что это: популярная и простая в освоении JS-библиотека для создания пользовательских интерфейсов. Что умеет делать: реализует уровень компонентов (component layer), облегчает создание и комбинирование UI-элементов. 🔗Ссылка: https://clck.ru/M8RkF 4. Responsively app Что это: инструмент для разработки адаптивных веб-приложений. Что умеет делать: ускоряет разработку адаптивок в 5 раз. Все варианты адаптивов можно отразить на одном экране и править CSS и HTML напрямую без инструментов разработки. 🔗Ссылка: https://clck.ru/ZHDoK 5. Closure Compiler Что это: инструмент от Google для сжатия и обфускации JavaScript. Что умеет делать: проверяет правильность кода и предупреждает о возможных ошибках. Имеет 2 режима оптимизации: стандартный (безопасный) и продвинутый. Умеет проверять типы переменных, используя как свои собственные знания о встроенных, так и документацию JS-разработчика. 🔗Ссылка: https://clck.ru/32q6rW #js_kata

Разбираемся, зачем разработчики кодят свои проекты вечерами после работы в карточках👇🏻 А у вас был опыт разработки пет-проекта? #код_kata

Чтобы собрать хорошее портфолио и отточить навыки по Frontend, желательно сверстать несколько красивых и сложных сайтов или лендингов. На этом этапе часто возникает резонный вопрос — а где взять макеты? В подборке делимся сайтами, сервисами и другими способами найти макет для верстки. #js_kata

Песочницы — это онлайн-редакторы кода. В песочнице можно верстать страницы, решать задачи, писать программы и сразу видеть результат — все изменения моментально отображаются на экране. Зачем нужны песочницы? ✉️Делиться готовым кодом Когда нужен совет по работе кода или необходимо выбрать анимацию элемента с заказчиком, достаточно скопировать и отправить ссылку на проект в онлайн-редакторе. 🔒Безопасно проверять код из неизвестного источника Достаточно загрузить найденный код в онлайн-редактор и увидеть, как он работает. При этом не придется рисковать своим ноутбуком или ПК. 🔎Находить нужный код Вдохновляться чужим кодом и использовать готовые идеи в своих проектах, адаптируя под задачи, — абсолютно нормально. В песочницах все публикации кода автоматически имеют статус открытых, поэтому удобно искать нужные решения у других разработчиков. 🧑‍💻Вместе работать над кодом Совместно с командой в режиме онлайн редактировать код для поиска нужного решения задачи. Популярные песочницы: ➖Codepen ➖CodeSandbox ➖JSFiddle #код_kata