Як «прокачатися» дизайнеру: поради та корисні посилання від російських експертів



Фото: Flickr / Tobias Toft / CC

В блозі на Хабре ми пишемо про розвиток веб-технологій та їх практичному застосуванні — раніше публікували історії нетехнарей, які вивчили верстку та отримали роботу в сфері ІТ, і сьогодні продовжимо тему навчання. Ще одна сфера, котра близько пов'язана з версткою, — це веб-дизайн. На цей раз ми попросили російських інтернет-експертів дати поради щодо професійного розвитку для початківців дизайнерів.
Читати далі →

Тренди і події в світі веб-технологій в 2016 році



Фото: Flickr / Dennis Skley / CC

Початок року — чудовий привід ще раз поговорити про цікаві події недавнього минулого. Але нас цікавить не все підряд, а те, як розвивалася наша улюблена галузь — веб. Отже, ми представляємо вашій увазі підбірку ключових подій і трендів, які оформилися в 2016 році і будуть впливати на те, яким інтернет стане в найближчому майбутньому.
Читати далі →

Особистий досвід: як нетехнарю стати фронтенд-розробником



Фото: Flickr / Scott & Elaine van der Chijs / CC

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

Це може бути страшно — змінити сферу діяльності і з нетехнаря перетворитися в ІТ-спеціаліста. Однак навколо нас усе більше прикладів таких успішних трансформацій. У тому числі — історії кількох випускників HTML Academy, які не лише отримали нові знання, але й змогли знайти роботу для їх застосування на практиці.
Читати далі →

«Коли будуть курси з JavaScript?!» або другий рік в Академії

Рік тому ми запустили інтенсив, провели перші три потоку і змогли взяти на постійну основу автора курсів. Самим було цікаво, що ж вийде зробити за наступний рік.



Рік пройшов, другий навчальний сезон скоро закінчиться і можна підвести підсумки, поділитися планами і відповісти на головне питання:

Читати далі →

Як все влаштовано: розробка інтерактивних онлайн-курсів



У нашому блозі ми вже писали про те, що не так онлайн-курсами як це можна виправити. Сьогодні ми продовжимо тему і розповімо про те, як інтерактивні онлайн-курси HTML CSS розробляються HTML Academy.

Хто придумує курси
Насамперед варто поговорити про те, якими професійними навичками повинен володіти автор курсів (або члени команди їх розробки). Нижче представлена наша версія списку таких якостей:

  • Потрібно добре знати верстку (HTML і CSS);
  • Розбиратися в JavaScript для того, щоб писати перевірки до завдань і «оживляти» їх (тут бажаний досвід використання різних «пісочниць» начебто Codepen);
  • Необхідні також навички дизайну і вміння викладати думки у письмово   завдання потрібно зуміти описати так, щоб учні зрозуміли, що від них вимагається.
Це цікава робота, яка дозволяє ІТ-спеціалістам використовувати свої навички і постійно вдосконалюватися   процесі розробки курсу по який-небудь темі автор вивчає її досконально і сам знайомиться з усіма підводними каменями і тонкощами.

Крім того, створення матеріалів, які допомагають людям розширити кругозір, освоїти нову галузь знань і навіть змінити свою кар'єру і життя (зараз верстку вивчають не-технічних фахівців — це просто добрий і корисну справу.
Читати далі →

Принципи анімації для веба

Примітка перекладача: Поданий нижче матеріал містить значну кількість технічних термінів, при перекладі яких можуть виникнути неточності. Якщо ви помітили помилку, помилку або неточність перекладу   напишіть нам, і  оперативно все виправимо.

Крім того, у продовження теми сьогоднішньої публікації на один тиждень буде відкрито просунутий курс академії  CSS-анимациям, який зазвичай доступний за передплатою. Його опис розміщене в наприкінці топіка.




Фронтенд-дизайнери і розробники використовують CSS для створення стилів, позиціонування елементів   загалом, для того, щоб сайти виглядали красиво. Часто CSS застосовують і для додавання рухів на веб-сторінки, хоча справа зазвичай не йде далі плавних переходів або анімації.

На насправді анімація може бути потужним інструментом, який дозволяє відвідувачам сайту і клієнтам легше взаємодіяти з інтерфейсом продукту і швидше досягати своїх цілей. Цього можна досягти, якщо слідувати в своєї роботи деяким основоположним принципам.
Читати далі →

Що насправді відбувається, коли користувач забиває в браузер адресу google.com



Ця стаття є спробою відповіді на старе питання для співбесіди: «Що ж трапляється, коли ви друкуєте в адресному рядку google.com і натискаєте Enter?» Ми спробуємо розібратися в цьому максимально докладно, не пропускаючи ні однієї деталі.

Примітка: публікація заснована на зміст репозиторію What happens when...

Представлений контент рясніє великою кількістю термінів, переведення деяких з них можуть бути присутніми різні неточності. Якщо ви виявите якусь помилку в нашому перекладі   напишіть особистим повідомленням, і  все виправимо.
Читати далі →

Що таке добре: як ми розробляли критерії для оцінки якості верстки веб-проектів



На Хабре вже було чимало матеріалів про те, як проводити якість верстки веб-проектів (ось відмінна стаття на цю тему) — як правило, мова в таких топіках йде про комерційних сайтах. У ході розвитку освітнього проекту HTML Academy ми також зіткнулися з необхідністю вироблення критеріїв для оцінки робіт учнів.

Очевидно, що вчити треба так, щоб потім люди (не всі з яких «технарі») могли приходити в компанії і працювати «правильно» — тобто створюючи верстку, яка гарно виглядає і не вимагає великих зусиль з підтримки. Процес створення списку універсальних критеріїв для оцінки зайняв досить тривалий час і був пов'язаний з рядом труднощів. Сьогодні ми розповімо про те, що ж у нас в підсумку вийшло.
Читати далі →

Що не так з онлайн-курсами і як це виправити: досвід HTML Academy

image

Ми в HTML Academy постійно працюємо над підвищенням ефективності наших освітніх програм і курсів (заради цього ми ставимо досліди на студентів і впроваджуємо геймификацию).

Подібні дослідження привели нас до розуміння того, що для підготовки професіонала, який міг би працювати в області веб-технологій (хоча б на позиції початкового рівня) недостатньо одних курсів, що складаються з відеолекцій та наступних завдань. Освоїти весь обсяг контенту, необхідного для виходу на певний рівень знань, в подібному режимі просто неможливо.

Саме тому ми вирішили створити курс, проходження якого дозволило б людям не просто отримати базові знання верстки, але стати справжнім (нехай і початківцям) ІТ-спеціалістом. У сьогоднішньому матеріалі ми розповімо про те, що в підсумку з усього цього вийшло.
Читати далі →