1. CS50 на русском: Лекция #1 [Гарвард, Основы программирования, осень 2015 год]



Доп. материалы и задачи к лекции — javarush.ru/s/level_0
Весь курс CS50 — javarush.ru/s/course_cs50
Это Хогвартс? Нет, друзья, это Гарвард и первая лекция (Week 0) легендарного курса по основам программирования CS50 с русским переводом.
Даже на этом вводном занятии (хотя мозг отказывается воспринимать это яркое интерактивное действо как «занятие») @David Malan уже успел рассказать и показать много интересного.
Вот о чем:
• родной язык компьютеров — двоичная система счисления
• ASCII — как записываются символы
• как алгоритмизировать задачи — на живых примерах. Очень живых=)
• почему Дэвид разорвал телефонный справочник или что такое двоичный поиск
• сложность алгоритма — что, как и почему
• о том, что такое циклы, расскажет никто иной, как Марк Цукерберг, основатель Facebook
• …а еще вы увидите его же в 2005 году, в качестве приглашенного гостя CS50. Хм… судя по аудитории, интерес к технологиям вырос в десятки раз!
Подписывайтесь на наш канал, чтобы не пропускать лекции: www.youtube.com/channel/UCMcDsSeqS531-HKz6GiJgtA/featured
И не забывайте заниматься на JavaRush: javarush.ru
Перевод осуществлен cтудией VertDider совместно с JavaRush (http://javarush.ru).

Sublime Text 3 настройка установка плагины // Sublime Text 3 видео обучение // Фрилансер по жизни



Установка и настройка Sublime Text 3. Обучение Sublime text 3 по установке тем и плагинов. Sublime text 3 видео снято как пошаговое руководство с нуля. Package control установка. Установка и настройка плагина Emmet, а так же BracketHighliter, ColorHighliter, Goto CSS Declaration и Tag. Быстрый удобный и полностью настраиваемый Sublime Text 3 установка и настройка которого поможет нам работать комфортнее и быстрее. Ну что ж от слов к делу!
Содерждание:
0:00 — Вступление
0:42 — Установка
2:00 — Настройка внешнего вида
15:04 — Плагины
Ссылки из видео:
Сайт программы — sublimetext.com/
Сайт с дополнениями — packagecontrol.io/
Раздел с цветовыми схемами — packagecontrol.io/browse/labels/color%20scheme
Сайт Emmet — emmet.io/
Плагин Tag — fls.guru/files/Tag.zip
Копировать настройки и горячие клавиши — fls.guru/sublime.html
Путь для расспаковки плагина (Win 10) — C:Users Твое имя пользователя AppDataRoamingSublime Text 3Packages

Дизайн-отрыв: создаем макет и фрилансим



Современный урок по дизайну и фрилансу. Создаем свой макет и узнаем как продавать свои услуги начинающим дизайнерам.
______________
Другие мастер-классы по этой теме:
Создаем профессиональный дизайн сайта с нуля Photoshop
youtu.be/2OUJZOhArYs
Создаем дизайн мобильного приложения в Photoshop и XD
youtu.be/clXMa_DO0Ts
Figma: Основы грамотного веб-дизайна 2019
youtu.be/ShiqTYGww4E
______________
Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Основы HTML5/CSS3 для дизайнеров: верстка лендинга из PSD



Урок по основам верстки html и css для веб-дизайнеров и начинающих верстальщиков. Верстаем настоящий лендинг с нуля. СКАЧАТЬ МАКЕТ И ФАЙЛЫ ВЕРСТКИ: wayup.in/lm/load/lm84
Другие мастер-классы по теме:
Верстка из Figma: практика и отличия от Photoshop: www.youtube.com/watch?v=kBdVwNmmaR8
Верстаем Адаптивно Нестандартный Макет Из PSD: wayup.in/library/workshop/adaptive-custom-layout
#сайтзачас: быстрый старт в веб-дизайне: www.youtube.com/watch?v=ssuvFPz7-8M
— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни



Методология БЭМ это аббревиатура слов блок, элемент, модификатор. Эти объекты и являются основой всей методологии. Основанная в середине 2000х компанией Яндекс, методология БЭМ — всего лишь одна из множества подобных методологий, однако ей удалось получить серьезную популярность. В основе БЭМ лежит принцип разделения интерфейса на независимые блоки, что позволяет легко и быстро выполнять верстку любой сложности и повторно использовать уже существующий код. Сложно? Покажу пример верстки по БЭМ методологии. Пойдем разбираться!
Архив с файлами урока качай по ссылке: fls.guru/files/tutorials/bem.zip
Верстка макета из урока:
www.youtube.com/watch?v=ZzkcGpM7X2o&list=PLM6XATa8CAG6uDjuDuAOTsdxmhDQMDO-J&index=2
Больше информации по БЭМ
ru.bem.info/methodology/quick-start/
Настрока плагина eCSStractor для копирования классов по БЭМ
fls.guru/files/ecsstractor.zip
Содержание:
00:00 — Вступление
01:04 — Блок
03:00 — Элемент
06:02 — Модификатор
07:10 — Микс
08:21 — Практический пример
Поддержать канал: www.patreon.com/freelancerlifestyle
Instagram: www.instagram.com/freelancer.lifestyle/
Facebook: www.facebook.com/freelancerlifestyle/
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Меня зовут Женя Андриканич, я IT — специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: www.youtube.com/c/freelancerlifestyle
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка

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



Хотите стать профессионалом, но страшно потратить время впустую в поисках информации и знаний? Этот вебинар для вас!
Запись и материалы:
wayup.in/library/workshop/learn-html-css-now

Верстка для начинающих из PSD: все, что нужно знать



Хочешь освоить основы HTML/CSS за один вечер, сверстав при этом свой первый сайт? Приходи на мастер-класс! Идеальный досуг для тех, кто хочет научиться верстать с нуля…
Другие мастер-классы по теме:
Верстка из Figma: практика и отличия от Photoshop: www.youtube.com/watch?v=kBdVwNmmaR8
[HOT] Wordpress: «натягиваем» верстку на движок: www.youtube.com/watch?v=LGA0Rjprqnc
#сайтзачас: быстрый старт в веб-дизайне: www.youtube.com/watch?v=ssuvFPz7-8M
— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

[Жесть!] ~4 часа верстки лендинга из Figma на HTML/CSS/Bootstrap 4 с нуля!



Урок по верстке (HTML5/CSS3/JS) из Figma на Bootstrap 4: верстаем полноценный адаптивный лендинг с нуля, устанавливаем jQuery-слайдер JS и работаем с CSS Transition. Будет полезно для начинающих верстальщиков и frontend разаработчикам.
СКАЧАТЬ МАКЕТ И ВЕРСТКУ: wayup.in/lm/load/gravity
— Другие мастер-классы по теме:
Как сверстать сайт и выложить на хостинг. Реальная практика:
www.youtube.com/watch?v=5jAxNM8EJs8&list=PLQ2eyErB1Ejz9GWDzFbp15k7RjzmWf8qm&index=5
8 способов преуспевать и зарабатывать для верстальщика: www.youtube.com/watch?v=zgKVY2ojt6o
Дизайн 3-х сайтов за один вечер для реальных клиентов:
youtu.be/8VCOvVj4WO0
— Подписывайтесь на мой канал:
www.youtube.com/wayupin?sub_confirmation=1

Как Сверстать Сайт Адаптивно? HTML/CSS



Как сделать сайт на html и css адаптивным? Быстрый видео-урок по адаптивной верстке и отзывчивому созданию сайтов для начинающих и интересующихся. Создать с нуля адаптивный Landing Page под моим присмотром: www.youtube.com/watch?v=xlwPU0BRQKQ
В видео я описал принцип создания адаптивных сайтов, которого придерживаются все современные фреймворки, типа Bootstrap.
Приятного просмотра!