0.00
Рейтинг
0.00
Сила

3.2 Настраиваем окружение | VSCode и плагины


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

Дополнительные материалы: code.visualstudio.com/
webdesign-master.ru/blog/html-css/2.html

Ссылка на макет: www.figma.com/file/lFqXrgfJRmKsiF9wl9omlI/Portfolio

Плагины:
Auto Close Tag — автоматическое закрытие тега
Auto Rename Tag — автоматическое переименование второй пары тега
Bracket Pair Colorizer — подсвечивает скобочки разной вложенности (удобно при работе с JS)
Live Server — локальный сервер
Material Icon Theme — красивые иконки для файлов
Open in browser — при клике на файл правой кнопкой мыши появляется возможность открыть в браузере (горячая клавиша alt b)
Path Intellisense — подсказывает пути до файлов

Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg

0:00 — Введение
0:20 — Устанавливаем vscode
0:58 — Создаем первый проект
2:57 — Включаем автосохранение
3:33 — Устанавливаем плагин Live Server
4:45 — Вывод
4:57 — Домашнее задание

Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/

Пятничный стрим! Закрытие курса Frontend pre-junior!


Еженедельный стрим, на котором мы общаемся и узнаем много нового

 Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg

Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/

3.3 Стандартная структура HTML | Подключаем стили


С чего должен начинаться каждый проект? Я думаю с подготовки рабочего места, ну или среды для разработки. Если вы смотрели прошлое видео, то вы помните, что мы не рассказали об основной структуре файла html. Пришло время исправляться) А еще в этом видео мы подключим шрифты локально, но об этом уже в видео.

Дополнительные материалы: htmlbook.ru/css/font-face
htmlbook.ru/css/box-sizing
webdesign-master.ru/blog/html-css/2.html
Ссылка на шрифты: yadi.sk/d/9z0DOJ0NNikhIw
Ссылка на макет: www.figma.com/file/lFqXrgfJRmKsiF9wl9omlI/Portfolio
Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg

0:00 — Введение
0:15 — Как создать стандартную структуру HTML?
0:32 — Тег HTML
0:51 — Тег head
1:31 — Тег body
1:47 — Как подключить стили?
2:12 — Добавляем основные свойства
2:46 — Подключаем шрифты
6:25 — Выставляем основные стили для текста
7:51 — Выставляем отступы для страницы
9:18 — Выравниваем по центру
10:21 — Выводы

Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/

Образовательный интенсив RUSSKY.DIGITAL | Front-end | Владилен Минин


ytimg.preload(https://r14---sn-axq7sn7s.googlevideo.com/generate_204);ytimg.preload(https://r14---sn-axq7sn7s.googlevideo.com/generate_204?conn2);Образовательный интенсив RUSSKY.DIGITAL | Front-end | Владилен Минин — YouTube<link rel=«alternate» type=«application/json oembed» href=«www.youtube.com/oembed?format=json

Пятничный стрим! Разбор домашних заданий


Еженедельный стрим, на котором мы общаемся и узнаем много нового

 Чат в телеграм — t.me/joinchat/CJJ7_BROjQewexDwnr9Rpg

Сайт компании — napoleonit.ru/
Записаться на другие курсы — napoleonit.ru/schools.html
Мы ВКонтакте — vk.com/napoleonit_school
Instagram — instagram.com/napoleonit_school
Детские курсы — junior.napoleonit.ru/

Основы веб-дизайна. Создаем главный экран | Мастер–класс студии «Крона»


Шеф-дизайнер студии «Крона» София Бакланова показывает, как создать главный экран сайта с нуля, а также рассказывает о базовых навыках, необходимых веб-дизайнеру.

Во время мастер-класса мы поговорили о:
✔️ сетках, композиции и веб-типографике
✔️ правильном использовании негативного пространства
✔️ работе с Figma и возможностях этого инструмента
✔️ вдохновении для работы
✔️ трендовых main screen concepts (главных экранах)

Подписывайтесь на канал, чтобы узнать еще больше о дизайне и других digital профессиях.

Instagram студии «Крона»:
www.instagram.com/krona.studio/

Контакты:
krona.studio
info@krona.studioНа мастер-классе мы:

7 идей Как сделать презентацию интереснее. Видео урок PowerPoint 2019


Как сделать крутую презентацию в powerpoint 2019. В ролике расскажу 7 способов как улучшить презентацию, сделать презентацию интереснее, а именно: Как сделать фигурное фото, как добавить телефон в PowerPoint, как добавить гифку, как добавить фото и видео на фон слайда в powerpoint, как работать с градиентами, что такое хорошая анимация и где скачать бесплатные иллюстрации.

Мой онлайн-курс по PowerPoint — www.mishakuz.ru
_____
Плейлисты с уроками PowerPoint:
Анимация — goo-gl.su/Animation
Иллюстрации — goo-gl.su/Illustration
Дизайн слайдов — goo-gl.su/Design

Шаблоны для презентаций — shoppt.ru
_____

Ссылка на материалы из ролика — Иконки — sergeychikin.ru/365/
Фотосток — www.pexels.com/
Иллюстрации — icons8.ru/ouch
Градиенты — uigradients.com/
Скачать бонус — goo-gl.su/2bonus
Материалы из ролика — goo-gl.su/7idea
_____
Написать мне можно в

Инст — www.instagram.com/mihael_smit/
Vk — vk.com/mixa948
Почта — mikuznetsov1@gmail.com
____

00:00 Начало
00:22 Необычные формы для фото
02:23 Как поместить фото в иконку
03:46 Как использовать гаджеты
04:24 Как добавить телефон на слайд
06:08 Как вставить анимированный Gif на слайд
08:28 Как вставить видео на фон
12:29 Градиенты
15:18 Хорошая анимация
16:14 Иллюстрации
18:01 В следующих сериях

Я Миша.
Я тренер по красивым и эффективным презентациям, автор обучающего онлайн курса по PowerPoint.
На этот канал я записываю видео уроки по программе PowerPoint. Делюсь интересными фишками для продвинутых пользователей и для новичков. Трюки, лайфхаки, секреты, возможности Power Point.
На канале много бесплатного обучающего материала по презентациям. Например: как сделать инфографику, иллюстрации, как создать анимацию, как разнообразить презентацию, да и просто нарисовать красивые слайды.

#презентация #PowerPoint