6 новых вызова в HTML Academy

One more step

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 5340316c2d894ec4 • Your IP : 188.64.174.135 • Performance & security by Cloudflare

htmlAcademy

Очень странный код

Помогите, мы не можем найти Кекса! Последний раз его видели, когда он отправился с Витахультом к его родителям во Фронтендск. Что-то тут явно нечисто. Агент Джонс и шериф МакКодер собирают поисковые группы, чтобы найти кота.

Вступайте в ряды одной из двух поисковых групп и с 1 по 5 января: проходите курсы, ищите подсказки и получайте улики. Команда победитель получит доступ ко всем платным курсам и вызовам с 6 по 10 января, а команда, занявшая второе место, получит доступ ко всем открытым за время игры. Чтобы ваша группа получила больше улик на старте операции и вырвалась вперёд, зовите друзей присоединиться к вам.

Присоединяйтесь к расследованию у нас на сайте.

HTML Academy ищет настанивков по JavaScript

HTML Academy, которые делают онлайн-курсы по фронту и беку, ищут наставников. Наставник — это опытный разработчик, который сопровождает своих подопечных студентов в течение всего интенсива и помогает им в обучении. И это частичная занятость, оплата от 12 000 до 20 000 рублей в месяц при нагрузке 6–10 часов в неделю (4 000 рублей за одного ученика).

Задачи наставника:

Вышел SDCast #57 с моим участием

Совсем недавно я рассказывал, что погостил в классном подкасте для разработчиков — Software Development podCAST. Вчера выпуск с моим участием стал доступен для прослушивания. Послушать можно на официальной странице или в iTunes. В подкасте я рассказал о программировании под платформу 1С, наставничестве в HTML Academy и митапе Ha.js. Полный анонс под катом.

Установка PHP 7.1 в Windows. Командная строка

В htmlAcademy стартовал первый базовый интенсив по PHP и я работаю на нем наставником. Студентам в рамках интенсива предстоит поднять рабочее окружение и это заметка нацелена упростить эту нелегкую для новичка задачу. Есть разные способы поднятия полноценного LAMP стека, но мы пойдем классическим путем. Настроим все компоненты по отдельности (без применения готовых комбайнов) и начнем с PHP (обязательно будет заметка с рассмотрением готовых сборок LAMP). Поскольку я планирую работать наставникам на интесивах по PHP и дальше, я собираюсь написать подобные инструкции для повторения в других ОС (Linux, macOS). Как говорится, лучше один раз попотеть, но потом всем станет проще. Итак, приступаем.

В htmlAcademy стартует первый базовый интенсив по PHP (Скидка внутри)

В htmlAcademy стартует пилотный выпуск базового интенсива по PHP. Интесив стартует с 18 апреля и продлится до 24 мая. Если вы хотели познакомиться и начать применять язык программирования PHP в проектах, то самое время обратить внимание на «Базовый PHP». Программа обучения как всегда насыщенная. В рамках интенсива будут рассмотрены такие вопросы, как:

— Основы синтаксиса PHP (управляющие конструкции, циклы, функции и т.д.);

— Режимы работы (cli, web);

— Проектирование и создание форм (передача параметров, отправка файлов и т.д.);

— Взаимодействия с СУБД (MySQL)

— и многое другое. Полная программа доступна здесь.

В htmlAcademy стартовал 9-й интенсив «Базовый JavaScript»

В #htmlAcademy стартовал очередной интенсив «Базовый JavaScript«. Постоянные читатели блога в курсе, что на базовом по JS я работаю наставником. Вчера подготавливал структуру каталогов для учебных проектов студентов и обратил внимание, что для меня это уже 6-й интенсив в роли наставника. Вроде только недавно начал, а уже пролетело аж пять интенсивов. Время летит с сумасшедшей скоростью.

Если вы собираетесь стать front-end разработчиком и давно подыскиваете хороший курс по изучению JavaScript, то рекомендую присмотреться к htmlAcademy. Курс обучения хорошо организован и продуман до мелочей. Здесь вам и теоретическую базу расскажут, и попрактиковаться вдоволь сможете. Программа очень насыщенная, скучать будет некогда.

P.S. Если решитесь на приобретение курса, воспользуйтесь моим партнерским кодом: 3162fcd29, получите небольшую скидку.

Как проверить существование функции в JavaScript

Решил сделать небольшую шпаргалку для своих студентов по интенсиву “Базовый JavaScript” в #htmlAcademy. Буквально недавно один из студентов задал вопрос: “Как проверить существование функции в JavaScript?”. Пример решения под катом.

Закончил базовый курс html и css в Codecademy, что дальше изучать/практиковать?

1) Без воды и на русском — Sorax
2) Я бы предпочел html5+css3, а проблемы старых браузеров решал по ходу их возникновения.
3) Можно брать сайты, но лучше не любые, а очень красивые и удобные. Мороки с ними будет больше, а значит и опыта больше. Да и красивый сайт верстать приятней.
4) В качестве редактора после многих экспериментов наилучшим показался Sublime Text

справа экран с наглядным результатом веб-страницы

1. HTML Academy и Loftblog. Но всё равно, очень рекомендую читать по максимуму на английском, учить язык. Потому что многие специфические вещи на русском очень сложно найти.

2. Только HTML5+CSS3. Отталкиваться от поддержки старых браузеров — это порочный путь, потому что вместо освоения новых технологий, вы будете заниматься освоением старых багов, потратите кучу времени, а спустя какое-то время этот навык окажется полностью бесполезным.

Крайне рекомендую сразу освоить следующие две вещи:
— Bootstrap — очень удобная платформа для создания сайтов.
— LESS — это очень просто и сэкономит вам очень много времени.

Сначала может показаться, что это сложно или возникнуть вопрос «Зачем это?», но чем раньше освоите, тем больше времени сэкономите в дальнейшем.

3. Я рекомендую дальше заниматься сугубо практикой и неизвестное гуглить. Возьмите бесплатные PSD-шаблоны, коими полнится интернет и верстайте. Чтобы было интереснее, сделайте сайт какой-нибудь для себя или кого-то из друзей. Потому что вёрстка в отрыве от назначенных целей для сайта — это не слишком осмысленное занятие.

4. Sublime Text, да. Ещё можете посмотреть Brackets — я бы может и им пользовался, если бы уже не был привычен к саблайму.

Образование | Артем Рудов: Как я прошел онлайн-курс HTML Academy и устроился на работу мечты

Ната­лья Бара­но­ва

Всего материалов: 585

Артем Рудов: Как я прошел онлайн-курс HTML Academy и устроился на работу мечты

Поче­му не сто­ит ждать четы­ре года, когда закон­чишь вуз? Как начать карье­ру в it-сфе­ре пря­мо сей­час? Замре­дак­то­ра Теп­ли­цы Ната­лья Бара­но­ва пого­во­ри­ла с выпуск­ни­ком онлайн-кур­са HTML Academy по про­фес­сии «фрон­тенд-раз­ра­бот­чик» Арте­мом Рудо­вым из Став­ро­по­ля и его настав­ни­ком Поли­ной Каты­ше­вой о том, поче­му важ­но не огра­ни­чи­вать­ся навы­ка­ми, полу­чен­ны­ми в уни­вер­си­те­те, и учить­ся новым вос­тре­бо­ван­ным спе­ци­аль­но­стям в обла­сти веб-раз­ра­бот­ки.

После защи­ты дипло­ма в уни­вер­си­те­те Артем Рудов узнал, что выиг­рал кон­курс HTML Academy на бес­плат­ное обу­че­ние по про­фес­сии фрон­тенд-раз­ра­бот­чи­ка. Артем до сих пор с тру­дом верит в это везе­ние. Имен­но после кур­са он с уве­рен­но­стью сме­нил рабо­ту: попро­щал­ся с бюро­кра­ти­ей в госу­дар­ствен­ном учре­жде­нии и стал фрон­тенд-раз­ра­бот­чи­ком в пер­спек­тив­ной став­ро­поль­ской сту­дии веб-дизай­на MindSell.

Фрон­тенд-раз­ра­бот­чик зани­ма­ет­ся верст­кой шаб­ло­на сай­та и созда­ни­ем поль­зо­ва­тель­ско­го интер­фей­са. Еже­год­ное иссле­до­ва­ние StackOverflow пока­за­ло, что самая попу­ляр­ная про­фес­сия сре­ди поль­зо­ва­те­лей сер­ви­са в 2020 году – это веб-раз­ра­бот­чик (web developer). Все фрон­тенд-раз­ра­бот­чи­ки отно­сят­ся к этой кате­го­рии.

Вме­сте со всту­пи­тель­ны­ми экза­ме­на­ми в маги­стра­ту­ру в 2020 году у Арте­ма начал­ся интен­сив в ака­де­мии. «Когда я шел на курс, я думал, что справ­люсь, так как мне дово­ди­лось вер­стать, – вспо­ми­на­ет Артем. – Пони­мал общие про­цес­сы, помо­гал дру­зьям делать сай­ты. Но пер­вое, что я выяс­нил в ака­де­мии, – «моя уве­рен­ность ока­за­лась преж­де­вре­мен­ной»: я зава­лил 1‑й уро­вень HTML. Пона­де­ял­ся, что одно­вре­мен­ное поступ­ле­ние в маги­стра­ту­ру не выльет­ся в цейт­нот, ведь зна­ко­мые мне вещи рас­ска­зы­ва­ют на лек­ци­ях, и… не успел. В ака­де­мии дела­ют став­ку не толь­ко на рабо­то­спо­соб­ность про­ек­та, но и каче­ство кода, что и ока­за­лось моей зоной роста. При­шлось дого­ва­ри­вать­ся о пере­сда­че, что­бы не было хво­стов».

Несмот­ря на этот про­вал, про­гресс в обу­че­нии Артем ощу­тил доволь­но быст­ро. При­зна­ет­ся, что пер­вые темы каза­лись про­сты­ми, но со вре­ме­нем прак­ти­че­ски все зна­ния ста­ли в новин­ку.

«Вто­рой и тре­тий интен­си­вы (про­фес­си­о­наль­ный HTML и CSS, 2‑й уро­вень и про­фес­си­о­наль­ный JavaScript, 1‑й уро­вень) слов­но поста­ви­ли перед собой зада­чу акти­ви­ро­вать мой мозг на 150% из 100! Во вре­мя обу­че­ния все­гда испы­ты­ва­ешь мно­го пере­жи­ва­ний, эмо­ций и адре­на­ли­на. Осо­бен­но когда насту­па­ет вре­мя защи­ты лич­ных про­ек­тов. И, сде­лав выво­ды после пер­во­го интен­си­ва, я стал более гра­мот­но рас­пре­де­лять свое вре­мя и защи­тил HTML и CSS, вто­рой уро­вень, на 100%, а JavaScript – на 97. Сей­час я не став­лю себе план­ку мень­ше 100 на дру­гих интен­си­вах», – делит­ся впе­чат­ле­ни­я­ми Артем.

От про­цес­са обу­че­ния сту­дент остал­ся в вос­тор­ге. Понра­ви­лись интер­ак­тив­ные зада­ния, рабо­та над лич­ны­ми про­ек­та­ми, доступ­ность всех допол­ни­тель­ных мате­ри­а­лов и ника­ких тех­ни­че­ских слож­но­стей. «Осо­бен­но при­ят­но, что каж­дый сту­дент ака­де­мии может выбрать сре­ди кра­соч­ных маке­тов тот, кото­рый соот­вет­ству­ет его лич­но­му вос­при­я­тию сво­их воз­мож­но­стей на дан­ный момент», – отме­тил сту­дент.

Осо­бен­но Арте­му запом­ни­лись кре­а­тив­ные домаш­ние зада­ния (напри­мер, сде­лать реди­зайн сай­та, под­клю­чить API). А еще он вспо­ми­на­ет, как его настав­ник Поли­на Каты­ше­ва все­гда помо­га­ла и одоб­ря­ла пред­ло­жен­ные идеи.

Артем с гор­до­стью назы­ва­ет себя фрон­тенд-раз­ра­бот­чи­ком. Но уче­бу в ака­де­мии не забро­сил: сей­час он закан­чи­ва­ет вто­рой уро­вень по JavaScript. И самое инте­рес­ное: Артем попро­бо­вал себя в роли настав­ни­ка. «Мой пер­вый сту­дент закон­чил интен­сив с резуль­та­том 100 из 100! Я осо­знал, насколь­ко мне нра­вит­ся делить­ся зна­ни­я­ми, часто высту­паю на мест­ном мита­пе IT-раз­ра­бот­чи­ков», – эмо­ци­о­наль­но рас­ска­зы­ва­ет Артем.

Почему не стоит ждать, когда закончишь универ

Артем учил­ся на кафед­ре инфор­ма­ти­ки и вычис­ли­тель­ной тех­ни­ки, направ­ле­ние выбрал осо­знан­но, успе­вал сов­ме­щать уче­бу с рабо­той, но прак­ти­че­ских навы­ков полу­чил мало.

«Мно­го тео­рии, уста­рев­шие мате­ри­а­лы и обу­че­ние по ста­рым спе­ци­фи­ка­ци­ям и стан­дар­там не дадут 100% гаран­тии вый­ти высо­ко­ква­ли­фи­ци­ро­ван­ным спе­ци­а­ли­стом. Сей­час я учусь одно­вре­мен­но в маги­стра­ту­ре и в ака­де­мии. Сто­и­мость обу­че­ния в обо­их учре­жде­ни­ях прак­ти­че­ски оди­на­ко­вая, но в ака­де­мии я полу­чил боль­ше прак­ти­че­ско­го опы­та, чем тео­ре­ти­че­ско­го», – раз­мыш­ля­ет Артем.

Сту­дент убеж­ден: если вы хоти­те быть вос­тре­бо­ван­ным спе­ци­а­ли­стом – без прак­ти­ки нику­да.

В чем плюсы курса

Неоспо­ри­мый плюс – это доступ­ность онлайн-обу­че­ния: зани­мать­ся мож­но из любо­го места. По сло­вам настав­ни­ка интен­си­ва Поли­ны Каты­ше­вой, курс постро­ен таким обра­зом, что, прой­дя его, ты полу­чишь доста­точ­ное коли­че­ство базо­вых зна­ний, что­бы уже иметь воз­мож­ность устро­ить­ся на рабо­ту.

«Рабо­та на кур­се мак­си­маль­но при­бли­же­на к раз­ра­бот­ке на реаль­ных про­ек­тах – те зна­ния, что я полу­чи­ла, про­хо­дя сама эти интен­си­вы, я сей­час исполь­зую в повсе­днев­ной рабо­те. Поэто­му после про­хож­де­ния кур­са нет ощу­ще­ния, что ты изу­чил что-то очень инте­рес­ное и полез­ное, но поня­тия не име­ешь, куда это при­ме­нить». Поли­на Каты­ше­ва, настав­ник интен­си­ва

Более того, про­грам­ма интен­си­вов пере­смат­ри­ва­ет­ся и обнов­ля­ет­ся от пото­ка к пото­ку. «Без­услов­но, всю эту инфор­ма­цию мож­но най­ти в сво­бод­ном досту­пе в Интер­не­те, но обыч­но это ста­тьи, отно­ся­щи­е­ся к какой-то кон­крет­ной тех­но­ло­гии, кото­рые не могут дать пол­но­го пони­ма­ния, что с ней делать. А на лек­ци­ях HTML Ака­де­мии не толь­ко рас­ска­зы­ва­ют о тех­но­ло­гии, но и сра­зу пока­зы­ва­ют, как при­ме­нить ее на прак­ти­ке и где почи­тать о ней подроб­нее. И, конеч­но же, после про­хож­де­ния интен­си­ва у сту­ден­та в порт­фо­лио уже есть пол­но­цен­ный про­ект», – объ­яс­ни­ла Поли­на Каты­ше­ва.

Почему важен наставник

С ака­де­ми­ей рабо­та­ют более трех­сот настав­ни­ков. Это те люди, что смо­гут отве­тить на вопро­сы, кото­рых не было в лек­ции, или, наобо­рот, разъ­яс­нить то, что было в лек­ции, но до кон­ца оста­лось непо­нят­ным. «Настав­ник делит­ся сво­им опы­том, зна­ни­я­ми, луч­ши­ми прак­ти­ка­ми, кото­рые он при­ме­ня­ет в сво­ей рабо­те. И, кро­ме того, может под­дер­жать и при­обод­рить сту­ден­та, когда он совсем не моло­дец или, наобо­рот, боль­шой моло­дец», – гово­рит Поли­на Каты­ше­ва.

На голо­со­вое обще­ние с настав­ни­ком выде­ле­но 5–6 часов. По мне­нию Каты­ше­вой, рабо­ту с настав­ни­ком отча­сти мож­но срав­нить с команд­ной раз­ра­бот­кой, где более опыт­ный кол­ле­га делит­ся опы­том с ново­при­быв­шим.

Поли­на Каты­ше­ва учи­лась в ака­де­мии на кур­се по адап­тив­ной верст­ке. А сей­час она настав­ник уже деся­то­го пото­ка интен­си­вов по верст­ке.

Как проходит обучение

По наблю­де­ни­ям Поли­ны Каты­ше­вой, сту­дент может сов­ме­щать онлайн-курс с рабо­той или уче­бой. Лек­ции про­хо­дят два раза в неде­лю по вече­рам, с 19 до 21 по мос­ков­ско­му вре­ме­ни, а после лек­ций сле­ду­ет домаш­нее зада­ние.

«Неко­то­рые зада­ния тре­бу­ют совсем немно­го вре­ме­ни, напри­мер, настрой­ка рабо­ты c Github, с дру­ги­ми нуж­но поси­деть подоль­ше. Но в целом вре­ме­ни, отве­ден­но­го на про­хож­де­ние интен­си­ва, вполне доста­точ­но, если уде­лять выпол­не­нию зада­ний поне­мно­гу вре­ме­ни каж­дый день», – уточ­ни­ла настав­ник.

Куда идти после курса

После про­хож­де­ния базо­во­го интен­си­ва по верст­ке мож­но устро­ить­ся млад­шим вер­сталь­щи­ком в ком­па­нию. Есть мно­же­ство ком­па­ний, кото­рые гото­вы брать к себе на ста­жи­ров­ку. Мож­но попро­бо­вать себя на фри­лан­се. Выпуск­ни­ки кур­са «фрон­тенд-раз­ра­бот­чик» выпол­ня­ют три тесто­вых зада­ния для тру­до­устрой­ства.

У ака­де­мии есть про­грам­ма под­держ­ки спе­ци­аль­но для выпуск­ни­ков, кото­рая помо­га­ет устро­ить­ся в ком­па­нии-парт­не­ры и про­ект «Лига А». Он спе­ци­аль­но создан для того, что­бы выпуск­ни­ки тре­ни­ро­ва­лись на ком­мер­че­ских зака­зах.

Спрос на про­фес­сию фрон­тенд-раз­ра­бот­чи­ка крайне высо­кий. На HeadHunter доступ­но более 1600 вакан­сий. Боль­ше вакан­сий откры­то в Москве, Санкт-Петер­бур­ге, Рес­пуб­ли­ке Татар­стан и Ново­си­бир­ской обла­сти. Зар­пла­та в зави­си­мо­сти от реги­о­на варьи­ру­ет­ся от 65 тысяч руб­лей и от 260 тысяч руб­лей.

Кто учится

По сло­вам Поли­ны Каты­ше­вой, сту­ден­ты при­хо­дят на курс с раз­ным уров­нем зна­ний. «Быва­ют те, кто зани­ма­ет­ся верст­кой дав­но, но зна­ния доволь­но раз­роз­не­ны, и даже уста­рев­шие, они при­хо­дят для струк­ту­ри­ро­ва­ния име­ю­щих­ся зна­ний и полу­че­ния новых. Есть совсем начи­на­ю­щие, кото­рые реша­ют поме­нять сфе­ру дея­тель­но­сти. Быва­ют сту­ден­ты с опы­том про­грам­ми­ро­ва­ния, и даже раз­ра­бот­ки сай­тов, но не уме­ю­щие вер­стать на хоро­шем уровне», – вспо­ми­на­ет настав­ник.

Новый мир

Поли­на Каты­ше­ва рас­ска­зы­ва­ет мно­го исто­рий, когда после кур­са сту­ден­ты дей­стви­тель­но нахо­ди­ли люби­мое заня­тие, с лег­ко­стью меня­ли про­фес­сию. Напри­мер, Дарья Гла­голь из Том­ска на тре­тьем кур­се педа­го­ги­че­ско­го уни­вер­си­те­та совсем не хоте­ла рабо­тать пре­по­да­ва­те­лем. После про­хож­де­ния HTML и CSS 1‑го уров­ня прак­ти­че­ски сра­зу устро­и­лась на рабо­ту в офис млад­шим вер­сталь­щи­ком, где смог­ла набрать­ся опы­та и углу­бить полу­чен­ные зна­ния. Сей­час она рабо­та­ет уже фрон­тенд-раз­ра­бот­чи­ком в ком­па­нии SibEDGE.

Онлайн-курс HTML Academy по про­фес­сии «фрон­тенд-раз­ра­бот­чик» прой­дет с 6 авгу­ста по 26 декаб­ря 2020 года. Сто­и­мость кур­са – 59 тысяч 500 руб­лей. Что­бы запи­сать­ся на курс, перей­ди­те по ссыл­ке.

Позна­ко­мить­ся с про­фес­си­ей, пооб­щать­ся с извест­ны­ми раз­ра­бот­чи­ка­ми, заве­сти полез­ные кон­так­ты мож­но на кон­фе­рен­ции pitercss_conf, кото­рая прой­дет в Санкт-Петер­бур­ге 8 и 9 июня 2020 года. Для сту­ден­тов кол­ле­джей и вузов у нас дей­ству­ет спе­ци­аль­ная скид­ка 1000 руб­лей по про­мо­ко­ду pitercsswelcome.

Взгляд в HTML6

Введение

HTML – простой язык веб-разработки, продолжающий развиваться и обновляться. Сейчас идет работа над шестой версией языка. HTML5, текущая версия HTML, считается одним из самых популярных релизов по сравнению с предыдущими версиями HTML.

Обзор HTML5

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

и. Он позволил систематизировать контент, используя новые метки

,,и т. д. Однако, HTML5 все еще находится на стадии развития и не является законченным продуктом.

Понимание концепции HTML6

Представьте себе использование тега для присвоения логотипа веб-странице или тега . Было бы удобно, если бы Вы могли использовать тег

HTML6 – шестой релиз HTML с такой же структурой пространств имен, как у XML. Пространства имен XML помогут Вам использовать тот же тег, не конфликтуя с любым другим тегом. Например, тег, используемый в XHTML DOCTYPE:

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

Пример HTML6

html:title > Взгляд в HTML6 html:title >

html:meta type =»title» value =»Заголовок страници»>

html:meta type =»description» value =»Пример заголовка»>

html:link src =»css/mainfile.css» title =»Styles» type =»text/css»>

html:link src =»js/mainfile.js» title =»Script» type =»text/javascript»>

html:media type =»image» src =»images/xyz.png»>

html:a href =»/img1″>

html:a href =»/img2″>

h 1 > Заголовок h 1 >

h 2 > Подзаголовки h 2 >

h1 > Концепт HTML6 h1 >

h 2 > Понимание основ h 2 >

copyright > © 2014 copyright >

В примере кода HTML6 Вы видите теги . Эти новые элементы с двоеточиями принадлежат к спецификации W3C и HTML6. Например, элемент будет изменять заголовок в браузере, а покажет определенное изображение на экране. Все эти элементы определяются специально для пользователей и не имеют ничего общего с браузером. Они не более чем крюки для JavaScript и таблицы стилей. Они помогут сделать Ваш код более семантичным и правильным.

HTML6 APIs

В HTML6 теги будут содержать двоеточия, например, или и т.д. Давайте посмотрим на каждый тег, использованный в примере выше.

// этот тег эквивалентен тегу

в предыдущих версиях

Этот тег – эквивалент тегу . Его цель – получение данных и скриптов, управляющих отображением контента в теге .

Этот тег изменяет заголовок документа HTML в браузере. Он похож на тег

HTML Academy

Добавлен в индекс

Подписчики

Просмотры

Средний охват поста и ERR%

Публикации

Репосты и упоминания канала

Каналы, которые цитирует @htmlacademy

Последние публикации

То, что вы могли не знать о Chrome DevTools.

Какие есть проблемы со скруглёнными кнопками?

Если пропустили вчера — запись лайва с Вадимом Макеевым.

Обсудили зачем изучать вёрстку в 2020 году и что ждёт учеников на курсе «HTML и CSS, уровень 1», который стартует 20 января.

Прокачиваем навыки отладки JavaScript с помощью консольных трюков.

Открыта запись на профессию «React-разработчик», которая пройдёт с 20 января по 2 декабря 2020 года. Доступна оплата в рассрочку.

Программа состоит из пяти курсов на комфортном тарифе и длится одиннадцать месяцев:

— «HTML и CSS, уровень 1»
— «HTML и CSS, уровень 2»
— «JavaScript, уровень 1»
— «JavaScript, уровень 2»
— «JavaScript, уровень 3»

Вас ждёт непрерывное обучение, 45 часов голосовых консультаций с наставником, тонны ревью кода и как минимум пять проектов в портфолио.

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

Успешные выпускники смогут пройти стажировку в «Лиге А.» и получить опыт работы с реальными заказами.

Как перестать бояться DOM, использовать его в полной мере и действительно начать любить его.

​​Как проходят лекции? Кто такие наставники и зачем они нужны? Что я буду уметь после обучения на курсе?

Если вы задаётесь этими вопросами — приходите на лайв с преподавателем курса «HTML и CSS, уровень 1»! Он пройдёт завтра в 18:00 по московскому времени. Запишитесь, чтобы не пропустить.

А ещё во время эфира объявим победителя розыгрыша бесплатного места.

Зачем и как делать семантическую разметку.

Самое популярное видео среди HTML Шортов — «Как правильно вставлять SVG».

Полное руководство по отзывчивым изображениям.

Четыре вопроса, которые помогут определиться, нужен ли вам PWA.

Слово недели — хлебные крошки.

Хлебные крошки обычно располагаются в верхней части страницы и имеют следующий вид: главная страница → раздел сайта → запись из раздела.

Использование Google API для доступа к вариативным шрифтам.

​​Отзыв выпускницы двадцать шестого потока курса «HTML и CSS, уровень 1» Кристины кузьменко:

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

Но где учиться? С чего начинать? Местные курсы предлагают «сделать тебя full-stack за три месяца», пытаясь за этот срок рассказать обо всём и сразу (а в итоге — ни о чём толком). Хорошенько всё обдумав, мы решили отказаться от местного обучения в пользу «Профессии React-разработчик» в HTML Academy, так как были уверены, что там качество полученных знаний будет во много крат выше.

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

Несмотря на то, что я уже уверенно верстала и даже выполняла коммерческие заказы, из лекций я узнала много нового. Самое важное, что я вынесла для себя — как создавать и тестировать доступные интерфейсы. Эта лекция Вадима Макеева впечатлила меня больше всего и я твёрдо решила, что в своей деятельности фронтендера буду уделять много внимания этом вопросу. Тем более, что в Европе вопрос доступности интерфейсов крайне актуален.

Мне очень повезло с наставником (им стал Вадим Новаш). Во время работы над личным проектом, мы обсуждали не только один, но все возможные варианты реализации той или иной задачи. Мы выбрали самый сложный проект интенсива — «Девайс», так как хотелось выжать из учебы максимум. Макет оказался интересным и заставил в некоторых местах пошевелить извилинами. Но, несмотря на все трудности, мне удалось защитить его на 100%, чему мы с наставником несказанно рады.

Впереди еще четыре интенсива профессии и я уже предвкушаю новые вызовы. Надеюсь, что сумею успешно закончить всю «Профессию React-разработчик» (в идеале — все этапы на 100%) и найти хорошую работу в Амстердаме. Спасибо, HTML Academy, за то, что вы поднимаете культуру веб-разработки на высокий уровень. Вы — лучшие на просторах Рунета и, я надеюсь, что вскоре выйдете и на мировой уровень.»

Подробнее о том, как проходить обучение на интенсиве, можно будет узнать 6 ноября в 18:00 по московскому времени на лайве с преподавателем курса Вадимом Макеевым.

JAVA SCRIPT

Твой билет в мир фронтенда с нуля за 6 недель

6 недель

Длится обучение на нашем курсе

30 уроков

Удобный формат обучения

60 заданий

Для домашнего выполнения

Skills up

Прокачаете свои навыки и умения

А что после обучения?

ВЫ становитесь junior frontend developer

Технологии

Уверенно владеете JavaScript, есть опыт работы с React. Знаний и работ в портфолио достаточно для трудоустройства или успешного старта на фрилансе.

Портфолио

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

Заработок

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

Что нужно для старта?

Чтобы освоить программу курса, достаточно знать основы HTML. Если вы ещё не изучали этот язык, мы поможем: зарегистрируйтесь на курс, и мы бесплатно вышлем вам уроки HTML, которые помогут подготовиться к курсу JavaScript.

Быстрый результат

Мы убрали из программы всё лишнее, оставив только пользу. Поэтому обучение длится 6 недель, а не полгода.

Обучение на практике

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

Поддержка куратора

Куратор — это опытный наставник. Он поможет разобраться в теме, посоветует дополнительную литературу. Один куратор работает в мини-группе с 5-ю студентами.

Удобный формат уроков

Короткие видео-уроки до 30 минут, которые можно посмотреть в удобное время. В конце недели — прямая трансляция с преподавателем с ответами на вопросы.

Награда лучшим студентам

На тарифах с куратором и преподавателем работает балльная система. Войдёте в тройку лучших студентов — получите большие скидки на курсы и подарки от Академии.

Поддержка после курса

После выпуска вы попадёте в закрытое сообщество выпускников Академии, в котором можно найти партнёров. Там же вы сможете консультироваться с кураторами по дальнейшему развитию.

Программа курса

Основы JavaScript

Введение в язык, подключение javascript. Основы работы с Git.

Типы данных, операторы, методы и свойства.

Динамическая типизация данных в Javascript. Условия в JS.

Функции в JS, callback — функции, чистые функции, область видимости и замыкание.

Циклы в JS. Рекурсия.

Знакомимся с объектами и массивами, методы переборов и псевдомассивы

Подготовим наш проект для работы со страницей

JavaScript в работе

Доступ к элементам на странице. DOM, BOM. Дебаггер

Дебаггинг и работа с отладчиком кода.

Загрузка документа, События в JS, обработчики событий и особенности их работы, события мыши и клавиатуры.

Контекст вызова — this

ООП — Наследование, прототипы, конструкторы и классы

Особенности современного стандарта ES6. Интерполяция, деструктуризация, новый синтаксис

ООП ES6+, getters & setters. коллекции Map и Set

Скрипты и время выполнения. setTimeout, setInterval и requestAnimationFrame. Объект Date​.

Параметры документа, окна и работа с ними

Работа с атрибутами, Дата Атрибуты. Регулярные выражения

Дополнительные технологии и улучшение качества работы

Работа с JSON, AJAX. Получение и отправка данных на сервер

Асинхронный JS. Promise. Контекст выполнения, асинхронное выполнение, стек вызовов и event loop

Подробно про Fetch API

Приём модуль. Инкапсуляция. Настраиваем Webpack и Babel, Полифилы

Обзор технологии которые стоит учить в будущем

Секретный бонус JS 10.0

Пишем своё первое приложение на React.

Первые деньги на разработке

Развитие себя как специалиста

План развития на год

Дипломный проект

Напишете интерактивный сайт или веб-приложение

6 новых вызова в HTML Academy

Учись в самой большой онлайн-школе английского в России*

Записывайся на бесплатный вводный урок

Уроки 1 на 1
с преподавателем

Конкурс учителей
39 человек на место

преподавателей в штате

Цифровой учебник
с тестами, заметками
и личным словарем.

Учителя проходят методический
и психологический отбор
и обучение.

Английский где удобно,
когда угодно. Нужен
только интернет.

Все материалы
в одном месте

Начинай учить английский в Skyeng и получи
годовой доступ ко всем курсам HTML Academy

Пройди бесплатный
вводный урок в Skyeng

уроков успешно проведено

*По данным РБК за 2015 год

студентов учат английский

Подарочный промо-код на годовую подписку в HTML Academy можно использовать самому
или подарить другу. А если у тебя уже есть подписка, то промокод продлит её на год

Нажимая, в принимаете условия Соглашения

Оплати любой пакет
уроков английского

Получи годовой доступ ко всем
курсам HTML Academy в подарок!

Внимание: акция действует только для новых учеников Skyeng

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

HTML Academy — это курсы для каждого,
кто хочет окунуться в мир вёрстки и программирования.

Я ♥ HTML Academy

HTML Academy учит верстать крутые сайты. Там есть бесплатные курсы по HTML и CSS для начинающих и продвинутые курсы, доступные по подписке. Есть курсы вводные, курс про формы, про таблицы, про анимации.

Базовый интенсив по вёрстке

Если уже прошли курсы или если у вас есть базовые знания, но не хватает практического опыта — пройдите интенсив. За месяц вы научитесь создавать с нуля целый сайт. Интенсив состоит из онлайн-лекций, интерактивных заданий и практики, практики, практики. Вам будет помогать наставник — этакий супермен, который читает ваш код, указывает на ошибки и подсказывает, как сделать правильно.

Продвинутый интенсив

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

Базовый интенсив по Javascript

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

Промокод на скидку в HTML Academy

Используйте промо-код, чтобы получить скидку на интенсив. Просто введите его при оплате. Этот код подойдёт для любого интенсива. Код:

Я наставник

Учу студентов решать проблемы. Мотивирую кодить. Не принимаю халтуру. Заставляю переписывать код, пока он не будет прекрасен. Веду продвинутый по вёрстке и оба интенсива по JavaScript.

Если хотите попасть ко мне, напишите заранее на isqua@isqua.ru. Тест на внимательность: в теме письма укажите интенсив, на который вы хотите, например «Базовый JavaScript #394». В письме укажите ссылку на ваш профиль в Академии. Расскажите, зачем вам интенсив. Какие у вас планы во фронтенде на три месяца, полгода, год? Как интенсив вам поможет их достичь?

Пока у меня перерыв, не беру новых студентов.

Вступление на путь верстальщика

Итак, ты прочел название и заинтересовался. Сейчас я немного сумбурно, но все же введу тебя в курс дела, если ты совсем в «в этом вашем вебе» не понимаешь.

Что же такое верстка?

Если вкратце, то это процесс создания страницы сайта. Заметьте, статичной страницы, без каких либо скриптов. Верстальщик использует языки разметки, в данном случае подразумевается HTML5/CSS3, с помощью которых размечает страницу. Создает ее с самого зеро, то есть с пустого документа.

HTML – используется исключительно для разметки. CSS или каскадные таблицы стилей – для управления потоком документа, придания элементам, заранее созданным в разметке определенной формы, размещения их в том или ином порядке, манипуляций с текстом, размерами etc. Они идут в связке.

В итоге получается готовая страница сайта. Сайты верстают, чаще всего с psd макетов, которые предоставляет дизайнер. Макет разбирают в фотошопе. После верстки готовый документ не является завершенным сайтом. Это просто оболочка, причем статичная. Дальше идет обработка с помощью JS, подключение скриптов, работа серверных программистов и еще куча всего.

По сути, если собрался становиться именно верстальщиком, то необходимо не слишком большое количество скиллов.

Однако верстальщики сейчас на рынке не так востребованы. Намного чаще требуются именно фронтендеры. Фронт-енд – клиентская сторона создания сайта. То есть работа на стороне браузера. Если сильно обобщить, то она включает в себя как верстку, так и работу со скриптами.

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

Так вот, фронтендер, даже самый начинающий должен знать сильно больше верстальщика. Тут лучше продублирую ОП-пост:

На данный момент фронтендеру новичку нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.

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

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

И это отмечу, далеко не предел, даже на начальном этапе расти есть куда. Вариантов масса. От псевдотрехмерных техник создания сайтов на параллаксе, до запила крутых приложений на JS, с перспективой перехода на мобильные платформы. Да что там говорить, даже игры умудряются пилить, и довольно удачно.

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

Основные направления: фриланс или конторки.

О фрилансе ты наверняка слышал хоть немного. Есть местные или зарубежные биржи, где люди выкладывают свои заказы разных уровней. От «поправь шрифт на сайте для мобильных версий» до «запили мне рабочий аналог фейсбука за 30 долларов» (утрировано). Из зарубежных самый популярный – Upwork. Кстати в воркаче есть постоянно живущий тред по апворку, где можно узнать больше информации, советую читнуть тамошний фак.

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

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

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

МАТЕРИАЛЫ, ПОЛЕЗНЫЕ ССЫЛКИ И СОВЕТЫ ПО ОБУЧЕНИЮ.

Сначала вкратце по процессу обучения: если совсем нихуя не знаешь, то лучше начинай учить именно HTML/CSS. Сверстаешь свой первый макет – учись верстать адаптивно. Почитывай материалы в инете, разные статейки, смотри интересные примеры, практикуйся, спрашивай непонятное в треде, читай литературу представленную здесь и ищи что-то сам. Постепенно придет понимание всех этих процессов, и че это вообще за хуйня. Как почувствуешь уверенность в верстке – перекатывайся на JS (мастхев, если хочешь развиваться). Можешь параллельно прикручивать готовые скрипты к своим сайтикам, смотреть что как работает. Ну а дальше работы не паханое поле. Двигайся, куда тебе захочется.

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

1. Первичные материалы в хаотичном порядке. Они часто дублируют друг друга. Можно проходить что-то одно по одному из направлений. Личные предпочтения выскажу ниже.

http://htmlacademy.ru/ — ультрагоднота, советую начинать изучение HTML/CSS отсюда. У них же есть интенсивы (обучающие видеоуроки, для лучшего понимания предмета, тоже мастхев) ссылки чуть ниже.

http://learn.javascript.ru/ — по JS на русском лютая годнота. Годнее только Флэнаган. Лучше начинать учить язык отсюда, потом уже книги.

http://codeschool.com/ — тут платно, но есть бесплатные курсы, годные вещи про jquery и git

http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.

http://teamtreehouse.com — тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.

Интенсивы от академии:

Базовый интенсив HTMLacademy за 2015 год:

Продвинутый интенсив HTMLacademy за 2015 год:

Лично я бы советовал сначала браться за http://htmlacademy.ru/ . В идеале пройди базовые курсы у них на сайте, затем купи/скачай с торрента интенсивы, пройди их.

Курсы дадут понимание элементов верстки, но только разрозненное. Вряд ли ты сможешь после них сверстать полноценный сайт самостоятельно, это нормально. Для того и нужен базовый интенсив. После него ты сможешь делать фиксированные простенькие странички. Запили минимум 3 из представленных учебных макетов. Практика просто необходима.

Затем переходи на продвинутый интенсив. Твоя основная задача там — освоить продвинутые инструменты верстки и адаптивность. Сверстай парочку тамошних тестовых макетов применяя все вышеописанные технологии и приемы.

Дальше можешь выкачивать макеты с простор интернета и верстать уже их. Наращивание сложности приветствуется. Где не прописана адаптивность, тоже запили сам. Старайся в каждом новом проекте улучшать код. Черпай инфу из инета и литературы. Узнавай полезные приемы.

Не лишним будет ознакомиться с сетками на flexbox и прочими новыми фишками. Вот здесь уже можно проплатить, если есть желание, продвинутые курсы в академии. Месяц там стоит 300 рублей, и за это время ты вполне успеешь пройти все даже дважды. Это не то чтобы мастхев, но понимание работы ксс-анимаций, хороших практик верстки, различных продвинутых элементов в новой спецификации и т.д. там дается. Хотя я буду лукавить, если скажу что всю эту инфу нельзя найти в инете и в разрозненном виде.

Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать надо самому.

Тут надо выбирать индивидуально. Если по HTML/CSS, то желательно, чтобы книга была не старше 2012 года, ну или хотя бы переиздана. Читай все что интересно. В любом случае это будет полезно.

http://www.ozon.ru/context/detail/id/20279391/ — «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS» Весьма неплохая книга, бегло позволит ориентироваться в основах веб-технологий и понять, как же все это говно вместе работает.

http://habrahabr.ru/post/240219/ — «Выразительный Джаваскрипт» Хавербек Марейн. Вводна книга по JS и программингу в целом. Для новичков может быть сложноватой.

http://frontendbookshelf.ru/ — список полезных книг. Большинство актуальны, можно выбрать по языку, технологии и конкретному уровню знаний. Первооочередную литературу желательно брать оттуда.

http://scanlibs.com/ что-то типа хранилища айти книг. Скачать книги можно бесплатно. Там есть дохуя всего. Если в свободном доступе не найдете, попробуйте поискать там.

Учебное задания УЛЬТРА ХАРДКОР ЛЕВЕЛ. Если считаешь, что тебе мало учебной хуйни. Сделай это и положи к себе в портфолио. Будет что показать на собеседовании. На данный момент устарели, но попрактиковаться все-таки можно:

Появились новые тренировочные задания с ТЗ:

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.

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

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