На асинхронном курсе «Вёрстка email-рассылок» мы учим оформлять email-рассылки в соответствии с дизайном, адаптировать письма под мобильные экраны, тестировать и ускорять загрузку писем.

https://tml.io/1uufd

Вашим учебным проектом будет рассылка онлайн-школы PlayHTML. Вам предстоит сверстать серию из трёх рассылок онлайн-школы, в каждой из которых — элементы разного уровня сложности. Каждая рассылка получится адаптивной и будет корректно отображаться в почтовиках Gmail, Яндекс, Mail, Рамблер и Outlook.

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

​​Хотите узнать, какие требования выставляют работодатели к фронтенд-разработчикам? 25 августа в 13:00 по московскому времени в прямом эфире разберём, что должен уметь фронтенд-разработчик.

Ведущие — Алексей Симоненко, директор по развитию HTML Academy, и Серёжа Попов, руководитель аутсорс-продакшена «Лига А.».

Запишитесь на лайв, чтобы получить напоминание о начале трансляции.

Графический редактор — второй по важности инструмент верстальщика после редактора кода. Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку. Верстальщик получает из них всю необходимую информацию: тексты, иллюстрации, цвета, положения элементов на странице и расстояния между ними.

Есть много графических редакторов, и как из них выбрать непонятно. Мы взяли две популярные программы — Photoshop и Figma — и сравнили их.

Обзор существующих единиц размеров в CSS.

http://css.yoksel.ru/size-units/

Форматов изображений существует достаточно много, но основных несколько: JPEG, PNG, SVG и GIF.

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

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

PNG является форматом сжатия без потерь и позволяет сохранять изображения, в которых требуется особенная чёткость. Например, скриншоты сайтов, чертежи и печатный текст. Главная его особенность — поддержка прозрачности.

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

До старта профессии «Фронтенд-разработчик» осталось меньше трёх недель. Учёба начнётся 7 сентября, и впереди шесть месяцев упорной работы 💪

Без мотивации тут никуда, поэтому давайте вспомним некоторые истории наших выпускников:

Дарья Клюхина до курсов занималась подбором персонала — https://tml.io/xp038

Артемий Степанов оставил бизнес и с нуля вошёл в профессию разработчика — https://tml.io/peanj

Михаил Седых работали в нефтегазовой сфере, но решил всё изменить и уйти в IT — https://tml.io/llv0o

Больше историй — в нашем блоге.

Что эффективнее: вести конспекты вручную или на компьютере?

Это довольно противоречивый вопрос. Часть людей пишет конспекты от руки, а другие — печатают. У всех есть сложившиеся предпочтения, но мы попробуем подойти к этому вопросу рационально и рассмотреть плюсы и минусы каждого способа.

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

— При работе с ноутбуком гораздо проще отвлечься от основной задачи — конспектирования, ведь там кроме приложения для заметок — целая вселенная. При этом мозгу требуется время, чтобы снова сфокусироваться на конспекте после отвлечения.

— Согласно исследованию Принстонского университета конспекты, написанные от руки, гораздо эффективнее в контексте обучения и запоминания информации. Одна из причин такого эффекта — временное ограничение. Так как конспектирование от руки занимает больше времени и просто физически есть возможность записать лишь часть информации, при ведении такого конспекта приходится мысленно структурировать и анализировать материал ещё до его записи.

Как и с методами конспектирования здесь выбор за вами. Для разных целей могут лучше подойти разные способы. Например, если цель конспектирования — создать базу знаний, вести конспекты в электронной форме, скорее всего, будет удобнее. А если вы слушаете лекции и хотите сразу запомнить значительную часть информации, стоит выбрать конспект от руки.

Что касается инструмента, в котором удобно вести электронные конспекты, сейчас существует близкое к бесконечности количество приложений для заметок с подходящей функциональностью. Одни из самых качественных и удобных на наш взгляд — Notion, Evernote, Bear, Microsoft OneNote, Ulysses, Roam Research.

​​Женя Изотова — выпускница HTML Academy. Она работает в «Тинькофф-журнале», где управляет верстальщиками, редактирует и выпускает около 20 статей в неделю.

Женя рассказала, как себя вести, чтобы никого не подводить на работе и быстро расти.

Как начать думать функционально в JavaScript. Перевод статьи о том, как перейти к более декларативному стилю кодирования.

https://css-live.ru/articles/kak-nachat-dumat-funkcionalno-v-javascript.html

​​Завтра в 13:00 по московскому времени Алексей Симоненко, директор по развитию HTML Academy, и Серёжа Попов, руководитель аутсорс-продакшена «Лига А.», в прямом эфире ответят на ваши вопросы и расскажут о том, что ожидают работодатели от начинающих фронтенд-разработчиков: технологии, инструменты, практические навыки и другие нюансы.

Трансляция пройдёт на нашем сайте, для участия нужно зарегистрироваться.

История нашего выпускника Дмитрия Быкова — https://tml.io/x0xo0

Раньше он был инженером-конструктором, но всё время искал себе занятие, к которому будет лежать душа. Так Дмитрий закончил профессию «Фронтенд-разработчик», нашёл работу и в процессе выучил ещё несколько языков программирования.

Разбираемся со свойством flex. Перевод статьи Ахмада Шадида о свойствах flex-grow, flex-shrink и flex-basis.

https://habr.com/ru/company/ruvds/blog/515298/

​​Посмотрите запись лайва о том, что ожидают работодатели от начинающих фронтенд-разработчиков.

Алексей Симоненко и Серёжа Попов обсудили:
— актуальна ли профессия фронтенд-разработчика,
— зарплату айтишников,
— вакансии,
— поиск работы и собеседования.

До старта курса «HTML и CSS. Профессиональная вёрстка сайтов» осталось совсем немного. Новый поток стартует уже 7 сентября! Самое время почитать отзывы наших выпускников ✨

Пишет выпускница 28 потока Катерина Кивишева:
«На интенсив пришла с минимальными знаниями, но с Академией я знакома довольно давно. В 2016 году проходила бесплатные интерактивы по HTML и благодаря им быстро нашла себе удалённую подработку. Подработка затянулась на 4 года: очень хотелось развиваться дальше, но было страшно, что не потяну. Читала блог на сайте, купила подписку на интерактивные тренажёры. И тут увидела интенсив и подумала, если не сейчас, то никогда!

Для тех кто думает, что это легко, что можно уделяя 2-3 часа в день все сделать — это не так. Может только для тех, кто уже в теме. У меня уходило по 8 часов в день. Я и плакала (когда казалось, что я совсем глупая) и танцевала, когда получалось своим умом дойти и код работал.

Совет по работе с наставником. Не стесняйтесь заказывать голосовые консультации — они гораздо эффективнее письменных. За полчаса можно многое разобрать и понять, чем по крупицам узнавать в переписке.

Общайтесь в общем чате — это позволит и лучше понять материал, не дёргая наставника, и найти друзей. Благодаря чату я нашла себе подругу. Она мне даже больше помогала, чем наставник. Ну хоть поплакать можно было вместе!

Лекторы замечательные! Николай, Вадим каждый со своей индивидуальностью, но оба с умением доступно преподносить материал. Думаю, с Академией я ещё надолго, так как (не помню кто сказал) «то что мы знаем — капля, а остальное — океан»…»

​​Наследование в CSS — механизм, с помощью которого значения свойств элемента-родителя передаются его элементам-потомкам.

Стили, присвоенные некоторому элементу, наследуются всеми потомками (вложенными элементами), если они не переопределены явно. Например, размер шрифта и его цвет достаточно применить к body, чтобы все элементы внутри имели те же свойства.

К наследуемым свойствам относятся в первую очередь свойства, определяющие параметры отображения текста. Эти свойства можно и нужно задавать через предков, следуя семантике документа.

Подробнее узнать о наследовании и потренироваться на практике можно узнать в нашем тренажёре «Наследование и каскадирование».

​​1 сентября — день знаний, а осень — прекрасная пора для получения новых навыков. Мы поддерживаем тягу к обучению и дарим скидку 1500 рублей на наши профессиональные курсы по промокоду «sentyabr20». Действует до 4 сентября включительно!

Профессиональные курсы рассчитаны на приобретение практических навыков. Обучение проходит под руководством наставников, которые делятся собственным опытом и знакомят с нюансами разработки.

Если вы новичок и хотите освоить вёрстку, ждём вас на курсе «HTML и CSS. Профессиональная вёрстка сайтов», который стартует уже 7 сентября.

Не упустите возможность получить новые знания!

Ресурс для поиска CSS-свойств с информацией об их поддержке в разных браузерах.

https://cssvalues.com/

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

Разбираемся, когда и зачем использовать jQuery.

Прямой эфир про изучение JavaScript с нуля — 10 сентября в 13:00 по московскому времени.

Алексей Симоненко, директор по развитию HTML Academy, разберёт:
◾ подходит ли JavaScript как первый язык;
◾ что нужно знать, чтобы начать его изучать;
◾ что можно сделать с его помощью;
◾ какие есть перспективы со знанием этого языка.

Записаться на трансляцию — https://tml.io/twec0