Наверх

Веб-программист. Дмитрий Ченгаев.

Делюсь своим опытом и открытиями. PHP, Javascript, разработка веб-сервисов.

Что такое Flexbox в CSS и зачем это нужно.

Дата публикации: 24.08.2018

Просмотров: 19 317

Весь мой курс по Flexbox

Начнем с того, что Flexbox - это сокращенная форма записи от Flexible Box Layout Module (с английского "Модуль макета гибкого контейнера").

Звучит несколько непонятно, правда? Прочитайте эту статью до конца и многое прояснится.

Т.е. Flexbox - это всего лишь один из модулей CSS (каскадных таблиц стилей). Для чего же этот модуль нужен?

Основная задача Flexbox - это позиционирование элементов.

Например, посмотрите на изображение ниже. Вы можете увидеть на нем 4 блока (колонки) в которых содержатся текст и изображения.

Подключение React JS через NPM + Babel + Webpack.

Дата публикации: 12.06.2018

Просмотров: 35 923

Когда ваш проект разрастается управлять большим количеством библиотек может стать очень трудоемким занятием.

Представьте сколько элементов <script> нам может понадобиться, чтобы подключить каждую библиотеку через CDN (особенно если таких библиотек нужно подключить сотни).

Для того, чтобы решить эту проблему, нужно воспользоваться модульной системой организации проекта. Рекомендуемым для этого решением от разработчиков React является связка: NPM + Babel + Webpack.

Если для Вас актуально видеть видеоинструкцию по настройке, напишите об этом в комментариях.

Это даст вам:

Эта статья о том, как это можно настроить.

Как подключить и установить React JS. Простой способ.

Дата публикации:

Просмотров: 35 263

Хотите начать пользоваться библиотекой React JS? Для этого ее сначала нужно подключить и установить на те страницы, где вы планируете ее применять.

Эта статья о простом способе, как это можно сделать. Это подойдет вам если у вас небольшой и несложный проект, который состоит из нескольких веб-страниц.

Итак, вот как вы можете подключить и попробовать в работе React JS.

1 способ. Использование "песочницы".

Чтобы просто посмотреть возможности React JS можно воспользоваться так называемой "песочницей" - онлайн страницей, где уже эта библиотека подключена и вам остается только вводить команды в соответствующую вкладку и наблюдать результат в другой.

Не нужно ничего подключать или устанавливать.

Аналог и альтернатива Bootstrap.

Дата публикации: 23.05.2018

Просмотров: 40 309

Фреймворк Bootstrap - довольно популярное решение для верстки и оформления своего сайта, но не всегда его возможностей бывает достаточно, и не всем он приходится по душе.

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

Я нашел для себя аналог фреймворка Bootstrap, который с удовольствием использую теперь практически во всех своих проектах.

Это современный и быстроразвивающийся фреймворк, который называется Bulma.

Далее. Следующие уроки по Bulma.

Symfony 4. Компонент Form и работа с формами.

Дата публикации: 01.04.2018

Просмотров: 51 974

Когда нам нужно создать HTML-форму в Symfony, у нас есть 2 основных варианта:

1) Создавать форму напрямую без использования дополнительных компонентов.

2) Воспользоваться специальным компонентом Form.

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

Код, который будет располагаться ниже относится к Symfony версии 4. В Symfony 3 и 2 изменения в коде будут незначительные.

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