Рубрика: Front-End

Курсы программирования в Бишкеке

Подборка инструментов и ресурсов для веб-разработчиков. Часть первая. Дизайн, кодинг

В этой подборке мы собрали для вас коллекцию самых необходимых инструментов и ресурсов, с помощью которых вы узнаете, как делать все быстрее и быть продуктивнее. Если мы пропустили что-то очень важное, без чего веб-разработчик жить не может, делитесь этим в комментариях. Дизайн Разработка дизайна — это, пожалуй, самая творческая часть работы над сайтом, и поэтому представленные ниже ресурсы будут так или иначе связаны с творчеством. Subtle …

Пишем полноценное приложение на React с нуля за час

В этой статье вы познакомитесь с React — библиотекой для создания пользовательских интерфейсов. React появился в 2013 году и достаточно быстро стал популярным среди разработчиков. Сегодня в работе над веб-приложениями его используют Facebook, Instagram, Trello, AirBnb, PayPal. С помощью этой статьи мы сможем написать приложение прогноза погоды: от установки с помощью create-react-app (проект на GitHub) до подключения API и стилей bootswatch. Прим. перев. Если вы начинаете изучение React, вам также стоит прочитать наш материал, …

Чем frontend отличается от backend’а? Объясняем на мемах

Большинство мемов про frontend и backend дают общее представление о специфике этих сфер: первые как правило изображаются красиво и гладко, вторые — запутанно и брутально. Но так ли все просто на самом деле? Чтобы объяснить разницу, мы разобрали факты о двух профессиях на мемах. Что такое frontend и backend? Frontend — это клиентская часть продукта (интерфейс, …

Почему WordPress — №1 в стеке технологий для вашего следующего проекта?

Если в проект входит управление контентом, WordPress — №1 в стеке технологий. С ним можно создать лендинг, интернет-магазин, обучающую платформу, CRM и даже ERP-систему без единой строчки кода лишь на основе готовых бесплатных и платных тем и плагинов через визуальный интерфейс в панели управления. API системы очень продуманный и позволяет управлять и настраивать практически всё, …

13 методов JavaScript, полезных для манипулирования DOM

DOM или объектная модель документа является корнем всех объектов на веб-странице. Он представляет собой структуру документа и связывает страницу с языками программирования. Он структурирован как логическое дерево. Каждая ветвь заканчивается узлом, и каждый узел содержит дочерние узлы, объекты. DOM API довольно большой, и в этой статье мы рассмотрим только те из них, которые я считаю наиболее полезными. document.querySelector / …

Руководство по современному Веб-фронтенду

HTML Семантика В HTML5 было внедрено большое количество семантических элементов для точного описания содержимого веб-страницы. Постарайтесь извлечь максимум пользы из богатого синтаксиса HTML5. Постарайтесь понять назначение используемых вами элементов. Лучше не использовать элемент вообще, чем использовать его неправильно. Краткость Старайтесь писать меньше кода — используйте новые семантические элементы. Забудьте ваши старые XHTML привычки. Общедоступность Не стоит заниматься этим пунктом …

Что такое объектная модель документа (DOM) и зачем она нужна

Понятие DOM у всех на слуху, но лишь некоторые знают что это такое, зачем оно нужно и главное как с ним работать. В статье мы проведем детальный обзор DOM-структуры. Допустим, вы изучили HTML, добавили первые теги, разобрались в CSS, создали красивые кнопки/формы/отзывчивые страницы и теперь с гордостью демонстрируете свои навыки окружающим. Затем вы решаетесь углубить свои познания …

Как изучить JavaScript с нуля?

На JavaScript сегодня может работать практически каждое приложение: серверное, мобильное или веб. В статье мы вкратце расскажем как можно изучить данный язык программирования. В последние пару лет популярность языка лишь увеличилась, сегодня он используется активнее, чем PHP и Java. Во время наибольшей популярности языка его изучению стоит уделять достаточное количество времени. Не торопитесь Материал хуже всего усваивается во …

Введение в регулярные выражения JavaScript

Мы подготовили большую статью, в ходе которой вы изучите основной синтаксис регулярных выражений на примере языка JavaScript. Регулярные выражения – специальные правила, которые делают процедуру поиска и замены более легкой. С помощью них можно серьёзно улучшить скрипт, применив всего несколько символов. Пользователь с ними сталкивается, когда заполняет форму обратной связи, где сразу проверяется правильность email, телефона и других данных. …

5 советов, как эффективно изучить Frontend

Освоить Frontend нелегко. Эта область развивается очень быстро, поэтому многие теряются в десятках доступных фреймворков, библиотек, прочих инструментов. Чтобы не допустить этого, отбросьте лишнее! 1. Планируйте Сначала осознайте свою цель – стать хорошим фронтенд-разработчиком. Как этого добиться? Давайте построим план.  Просмотрев вакансии, вы обнаружите, что к front-end developer чаще всего предъявляют около 1-2 десятков требований, но …