+ развернуть текст   сохранённая копия

В нашем блоге мы уже писали о том, что не так с онлайн-курсами, и как это можно исправить. Сегодня мы продолжим тему и расскажем о том, как интерактивные онлайн-курсы по HTML и CSS разрабатываются в HTML Academy.

Кто придумывает курсы

Прежде всего стоит поговорить о том, какими профессиональными навыками должен обладать автор курсов (или члены команды их разработки). Ниже представлена наша версия списка таких качеств:

• Нужно хорошо знать вёрстку (HTML и CSS);
• Разбираться в JavaScript для того, чтобы писать проверки к заданиям и «оживлять» их (тут желателен опыт использования различных «песочниц» вроде Codepen);
• Необходимы также навыки дизайна и умение излагать мысли в письменном виде — задания нужно суметь описать так, чтобы ученики поняли, что от них требуется.

Это интересная работа, которая позволяет ИТ-специалистам использовать свои навыки и постоянно совершенствоваться — в процессе разработки курса по какой-либо теме автор изучает её досконально и сам знакомится со всеми подводными камнями и тонкостями.

Кроме того, создание материалов, которые помогают людям расширить кругозор, освоить новую область знаний и даже изменить свою карьеру и жизнь (сейчас вёрстку изучают всё больше не-технических специалистов) — это просто хорошее и полезное дело. Читать дальше →

Тэги: academy, css, html, анализ, блог, веб-разработка, всё, геймификация, компании, онлайн-курсов, онлайн-курсы, проектирование, разработка, систем, создание, устроено

[Перевод] Принципы анимации для веба

   2015-04-13 09:51:53

Примечание переводчика: Представленный ниже материал содержит значительное количество ...
+ развернуть текст   сохранённая копия

Примечание переводчика: Представленный ниже материал содержит значительное количество технических терминов, при переводе которых могут возникнуть неточности. Если вы заметили опечатку, ошибку или неточность перевода — напишите нам, и мы оперативно всё исправим.

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



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

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

Тэги: 3d-графикой, academy, html, анимацией, анимации, анимация, блог, веб-дизайн, веб-разработка, компании, принципы, работа, разработка

[Перевод] Что на самом деле происходит, когда пользователь вбивает в браузер адрес google.com

   2015-04-03 11:34:24



+ развернуть текст   сохранённая копия

Эта статья является попыткой ответа на старый вопрос для собеседований: «Что же случается, когда вы печатаете в адресной строке google.com и нажимаете Enter?» Мы попробуем разобраться в этом максимально подробно, не пропуская ни одной детали.

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

Представленный контент изобилует большим количеством терминов, в переводе некоторых из них могут присутствовать различные неточности. Если вы обнаружите какую-то ошибку в нашем переводе — напишите личным сообщением, и мы всё исправим.

Мы перенесли перевод в репозиторий GitHub и отправили Pull Request автору материала — оставляйте свои правки к тексту, и вместе мы сможем значительно улучшить его. Читать дальше →

Тэги: academy, arp-запросы, html, блог, браузеры, веб-разработка, ит-инфраструктура, компании, рендеринг, устроено

Что такое хорошо: как мы разрабатывали критерии для оценки качества вёрстки веб-проектов

   2015-03-27 13:10:23
... образовательного проекта HTML Academy мы также столкнулись ...
+ развернуть текст   сохранённая копия

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

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

Тэги: academy, css, html, блог, веб-дизайн, веб-проекты, веб-разработка, веб-технологии, вёрстка, компании, критерии, оценки, разработка

Пишите, звоните, приходите и приезжайте – мои менеджеры выслушают вас и помогут оформить заказ.

   2015-03-25 17:20:38

+ развернуть текст   сохранённая копия

Я люблю новые ‪#‎технологии‬ и постоянно совершенствую полиграфическое ‪#‎оборудование‬. Сложно ответить на ‪#‎вопрос‬, почему со мной хотят работать. Наверно и потому, что я особенно ревностно слежу за сроками и качеством. И если я не могу принять‪#‎заказ‬, то так прямо об этом и говорю. Хотя с каждым годом это случается все реже и реже.. Я готова оказать профессиональные‪#‎услуги‬ в ‪#‎области‬ ‪#‎полиграфии‬ и создании дизайна, верстке и‪#‎печати‬, послепечатной обработке рекламных буклетов, листовок, брошюр, каталогов, календарей, фирменных бланков, книг, плакатов, открыток, пригласительных билетов, наклеек и другой полиграфической ‪#‎продукции‬.Пишите, звоните, приходите и приезжайте – мои менеджеры выслушают вас и помогут оформить заказ. 08-8555800 ,054-6444999 https://www.facebook.com/tipografiya

Наша основная #задача – предложить вам конкурентоспособную полиграфическую продукцию, изделия, которые будут выгодно отл...

Posted by Авторитетные СМИ on 25 Март 2015 г.

Тэги: "большой, 1+1, <<воскресение>>, <<максимум, ???, ????, ????!, ?????, ?????!, ??????, ????????, academy, action, adobe, adventure, afanasievich, affai, affairs, afisha, after, afterparty, against, aipac, ali, alltime.ru, american, angry, antonioni, asia:, atlas, autox5, ayalon, azuz, band, barcelona, beatles, beatles:, belli, bill, birds, blast, bob, bonalin.купальники, boom, boris, braun's, brodsky, bulgakov, carl, carlos, carte, casus, channel, chile, cirque, clinton, club, cnn, cnn.com, cnnmoney.com, coca-cola, comedy, communications, coop, cow, crazy, danny, david, dead, decornow, defense, dina, disney, doctor, dominos, don, dostoyevsky, dove.естественная, echo, education, ellotv, eretz, eset, europe, expeditions, facebook, fair, festival, film, force, foreign, fosse, foundation, fredricka, fridman, furs, fyodor, geo, geographic, ginger, give, global, google, graffiti, grammys, gramophone, handsome, hearts, hed-artzi, heroes, holy, horse, indie, international, internet, iran, ireport, israel, jacobs, jason, jean-pierre, jeunet, jewelers, jewish, joseph, josh, jules, keno, khodorkovsky, kingdom, kino, lars, lebedev, lemon, levs, life, lifeshield, live, loadfree.us, london, love, ltd>>, luxury, mac., machine, magazine, manchester, mark, marketing, mikhail, minister, ministry, missha, moju, morello, morning, moscow, mts, museum, music, my-diamonds, nat, natgeo, national, nations, nba, networks, news, nmc, nod32, noire, nokia, novgorodsev, now, nuclear, nyouworld, ocean, official, one, operation, panda, photography, photoshop, pixar, pizza, platform, playplay, polo, pqd.ru, president, prime, production, project, pub, public, quentin, ravenwood, record, redquest, relief, rest, rock, roxbur, roxbury, rss, rubina, ruiz, ruka, russia, science, series, seva, shellac, shop, showtime, skincerity, slon.ru, soleil, sound, sport, stands, standwithus, student, sunrise, sweden, tarantino, theonline.ru, time, tour, tours, traveler, travelservice, trier, trollface, twain, united, universal, usa, velshi, verne, vevo, vian, vichy, virtualjerusalem.com, vladimir, volleyball, von, warner, watch, water, whitfield, yisrael, yocatering.ru, youtube, zafon, авто, автомобилистов, агентство, азартные, аксессуа, акция, алёша, алла, альпари, америке., английский, аниме, антивирус, антицеллюлитный, апреля, арины, аромагии, архнадзор, банк, белье, беспл, бесплатно, бесплатные, битвы, благополучие, благотворительный, бобрдобр.ру, боле, браузерная, букеты, буковски, варской, верс, вечеринка, видео, виктор, виталий, вкино, вконтакте, владельцев, влюблённ, волос, ворон, всё, встречи, выигрывай, гель-лаки, гиберт, главном, глобальный, голос, голоса, город, город", граффити, грецию, груп, групп, группа, дарья, день, дети, детка, детская, джаза, дмитрий, дня, добрые, доминикане, друзей, евгений, еврейский, египет, ето, живи, жизни, жизнь, журнал, запомни, заработок, заходи, захотим, звенящие, здоров, здоровье, зенит, знакомств, золотой, игра, игровые, игрушки, игры, идеи, идей, издательская, издели, империя, иносми, интернет, интернета, испан, кати, качаем, кедры, кетчуптв, кино, кино-он-лайн, кисти, клуб, колдун, команд, коммерсантъ, компания, конкурсы, контакте, концертно-театральное, копии, корейской, косме, косметика, косметики, кот, котов, кошек, кошечек, кошки, красиво, красивые, красота, красоты, кругу, кулинарные, лайф., лучши, любителей, люблю, любого, лялина, магазин, магазина, макдоналдс, макияжа, максимум, мама, марионетка, марта, мартовских, массаж, материалы, медведев, медицины, меняющие, метрополис, мир, мировое, модная, москва, москвы, мотоскейт, моцарт, мультики, мультсериалы, мультф, мультфильмы, наличии, наращивание, наручные, наталья, научись, немецкий, неслучайные, нижнее, нияма, новгородцев, новинки, новом, новости, новые, ногтей, носителей, ночь, обмен, обои, обучающие, объективно, объеме, одежда, озву, он-лайн, онлайн, открой, офиц, официальная, оформление, ошо, палетки, палит, палитры, парусная, первом, пластик, пластическая, подарки, позитив, покер, покоряющий, полная, полном, портфоли, преступная, приглашай, приколы, приложения, принцесса, программы, профессиональная, психи-хи-хи-хи-хи-хи-хи-хи-хи-хи-хи-хи-х, психологическая, развлекательный, рауту, реально, рейтинг, ресторанов, рид, рисовать, рождения, рождённые, рок-группа, россии, россия, рука, рулетка, русской, ручное, сrazychemists, самые, сбербанк, свадебный, свадьба, свежие, сева, сегодня, сезон, сердца, сери, сериалы, сетей, сеть, сетях, символами, синдеева, соблазнительный, сознание, социальных, спасибо, спирина, спортивная, спортмастер, ссср, статусы, стили, студия, счастлив, сша, таня, татуировка, татуировки, творчества, тенор, титаник, товары, тольк, трям, тсн, турцию, туры, тюнинга, тюряга.пиар, умные, успеха!, февраля, фильмы, финляндии, фонд, форекс-трейдеров, формате, фото-котомастер, фотобутафория, фотограф, фотография, фотосессия, фотошедевры, фотошкола, фразы, французский, фру, фруктов, футурама, химия, хирургия, хорошие, хочунья, худи, художественная, художни, художника, цветы, центр, цитаты, цифрового, часов, часы, честный, честь, что?где?когда?, чудо, шеллак, шендерович, шилак, шуток, экскурсии, экстрасенс, элитные, эстетической, эхо, южин, юлия, юмор, язис, языка, японских

Страницы: 1 2 3 4 5 6 7 8 9 10