Канал WebForMySelf - IT и веб-разработка
4.26K subscribers
289 photos
5 videos
81 files
3.06K links
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки
Связь: https://webformyself.support-desk.ru/
Download Telegram
Данным письмом хотим Вам порекомендовать тренинг по верстке «Верстка. Быстрый старт», по итогам изучения которого вы сможете сверстать ваш первый полноценный макет с нуля буквально за два вечера.

Кликните сюда, чтобы попасть на бесплатный тренинг

Курс рассчитан как на самых новичков в веб-разработке, так и на тех, кто уже знает HTML-теги, знает CSS-свойства, но верстка полноценного макета с нуля вызывает затруднение.

Итак: если вы полный новичок, то изучаете все уроки по порядку, ничего не пропуская. Если вы уже знакомы с базовым HTML&CSS, то первых два урока «Введение в HTML» и «Введение в CSS» можно пропустить и перейти сразу к урокам непосредственно по верстке макета.

Кликните сюда, чтобы начать проходить обучение

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

К некоторым урокам предусмотрены домашние задания. Поэтому к тем урокам, где задания есть, вы его выполняете и высылаете на проверку. Если все в порядке Вы двигаетесь дальше по курсу. Если есть замечания или неточности, то получаете рекомендации по улучшению и доработке вашей верстки.

При выполнении всех заданий и следовании всем инструкциям из курса, Вы получите навыки практической верстки и сверстаете ваш первый макет!

Кликните сюда, чтобы начать проходить обучение
Многие разработчики используют несколько семейств шрифтов и размеров шрифта, чтобы лучше представить веб-страницу. Например, разработчик может использовать шрифт Bold Comic Sans для заголовков и шрифт Roboto для текста. Однако из-за этого ваш веб-сайт может выглядеть неаккуратным, поскольку многие браузеры не поддерживают все шрифты. Свойство CSS font-size-adjust поможет избежать такой ситуации, сделав размер шрифта автоматически настраиваемым.
#css3
https://webformyself.com/kak-avtomaticheski-nastroit-razmer-shrifta-s-pomoshhyu-css-font-size-adjust/
Хотели узнать у Вас, как обстоят Ваши дела на Практикуме «Верстка. Быстрый старт»? Уже прошли все уроки или что-то вызвало сложность?

Не забывайте, что Вы можете задавать вопросы к урокам. Диалог и обратная связь только приветствуется.

Кликните сюда, чтобы перейти к урокам Практикума

И пару строк о том, чему Вы научитесь, когда пройдете обучение на Практикуме помимо того, что по окончанию обучению у Вас на руках будет готовый сверстанный макет.

• Научитесь работать с сервисом, который заменяет Photoshop и позволяет работать с макетом для верстки без использования Photoshop.
• Научитесь исследовать макет Photoshop и назначать базовые CSS-стили для страницы.
• Научитесь правильно вырезать из макета Photoshop изображения, необходимые для верстки.
• Сможете подключать нестандартные шрифты, используемые на странице.
• Сможете описывать HTML-разметку для каждого логического блока страницы.
• Научитесь задавать CSS-стили для созданной разметки страницы.
• Сможете применять технологию FLEX при выстраивании блоков на странице.
• Научитесь применять медиазапросы для создания мобильной версии страницы.

Кликните сюда, чтобы перейти к урокам Практикума

P.S. Если у Вас некорректно отображается форма подписки на тренинг, то нажмите F5, обновите страницу браузера.
Бывают случаи, когда желательно иметь шкалу размера шрифта между двумя крайностями в зависимости от ширины экрана. Странно то, что я видел, как люди используют, чтобы достичь этого, например, RFS. Сам RFS представляет собой пример того, как НЕ делать это в эпоху вычислений и сравнений CSS3.
#css3
https://webformyself.com/adaptivnyj-razmer-shrifta-s-ispolzovaniem-chistogo-css/
В следующих нескольких уроках цикла будет показано создание многоуровневого меню для фреймворка Django. Задача будет реализована с помощью приложения django-mptt. В данном уроке будет создано виртуальное окружением, в которое мы установим сам фреймворк Django, а также будет создан проект для дальнейшей работы.
#django #премиум
https://webformyself.com/urok-1-frejmvork-django-ustanovka-django-i-sozdanie-proekta/
Переменные CSS (также известные как пользовательские свойства) поддерживаются в веб-браузерах почти четыре года. Мне нравится использовать их в зависимости от проекта и ситуации. Они очень полезны и просты в использовании, но часто фронтенд-разработчик может неправильно их использовать или неправильно понимать.
#css3
https://webformyself.com/vse-o-peremennyx-css/
Для дальнейшей работы проекта на Django потребуется хотя бы одно приложение. Такое приложение и будет создано в данном уроке. Также будет произведена минимальная настройка приложения. Кроме этого, для реализации многоуровневого меню потребуется модуль django-mptt, который будет установлен в виртуальное окружение проекта.
#django #премиум
https://webformyself.com/urok-2-frejmvork-django-sozdanie-i-nastrojka-prilozheniya/
Когда я впервые открыл для себя Material Design, меня особенно вдохновила его кнопка. Она использует эффект пульсации, чтобы дать пользователям обратную связь простым и элегантным способом.
#javascript
https://webformyself.com/kak-vossozdat-effekt-pulsacii-knopok-material-design/