Warning: Undefined array key 0 in /var/www/tgoop/function.php on line 65

Warning: Trying to access array offset on value of type null in /var/www/tgoop/function.php on line 65
156 - Telegram Web
Telegram Web
Я знаю, что в группе много новых лиц, поэтому пришла пора познакомиться.

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

В блоге я стараюсь дать максимально информативные ответы на вопросы, возникающие в голове начинающих веб-разработчиков. Делюсь приёмами, лайфхаками и собственным опытом, как я попала в ИТ и искала заказы.

Здесь можно найти ответы на вопросы:

Как изучать фронтенд в 2019 году?

Программист. Есть ли жизнь после 28?

Нужен ли университет программисту?

О профессиях в разработке.

Как продуктивно учиться и работать?

Как стать программистом?

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

- Дорого ли путешествовать по Лондону?

- Зачем ехать в Грецию?

- Что посмотреть в Казахстане?

- Армения. Ехать или нет?


Кратко о том, как складывался мой путь программиста:

1. Университет. С чего все началось.

2. Первые деньги на программировании.

3. Опыт фриланса.

4. Мое первое собеседование.

5. Рабочие будни в ИТ.

6. Челлендж 100днейкодинга.

7. Рабочая осень.

8. Где я сейчас.

Для тех, кому не хватает мотивации, я делюсь секретами:

- Как все успевать?

- Как пробежать марафон 42 км?

- Кап путешествовать часто и метко?

- Мои планы на осень 2019.

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

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

Присоединяйтесь и будьте welcome!
Как я заболела, но не сдалась

Еще в четверг было лето. В субботу настала настоящая осень. С 12 градусами тепла, пронизывающем ветром и пуховиком.

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

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

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

Чтобы оптимизировать время, все видео я записываю без монтажа. У меня нет времени вырезать “…о, …э” и фиксить оговорки. Приходится говорить гладко с первого раза. Даже если ролик идет 23 минуты. Даже если в этот момент ты сидишь с компрессом на шее, сдерживая себя от кашля.

Сегодня на курсе выходит 5-ый урок. Самый жесткий. Он рассказывает о CSS-стилях на конкретных примерах. Так всегда: нужно перебороть себя, преодолеть и заставить сделать. Особенно, если ты дал себе слово.

Осень - пора хандры, дождей и депрессии. Давайте не будем им потакать и найдем для себя новые яркие мечты, цели и идеалы. Думая о которых, не обращаешь внимание на противную погоду вокруг. Я вот уже купила себе билет в Марокко и прописала план по раскрутке курсов. И мысли о них меня хоть немножко, но согревают, спасая от унылой серости вокруг.
А вы знаете, почему люди смотрят в сторону программирования?

Отнюдь не для того, чтобы работать по престижной специальности. А потому, что верят: за IT будущее (кто бы сомневался, все остальные профессии скоро заменят роботы). А также считают, что быть программистом - это интересно. Множество нестандартных задач, чтобы прокачать свой мозг. Отсутствие рутины и вредных начальников. Работа с компьютером, а не с людьми.

Ниже публикую результаты опроса в Telegram.

Вы согласны со статистикой? Укажите свой голос, чтобы знать правду в лицо.
Сленг программистов. Часть 2

Предположим, вы попали в первую команду. Слушаете разговоры коллег - и не понимаете о чем идет речь. Давайте пополним свой словарь новыми понятиями!

Бэкап (от англ. «backup») - создание резервной копии сайта/данных. Делается для того, чтобы в случае ошибок откатиться (см. ч. 1) до предыдущей версии.

Деплой (или «задеплоить») - процесс публикации проекта, перевод кода в рабочее состояние. Характерно для сложных сайтов, а не для одностраничных лендингов.

Линукс (Linux) - бесплатная операционная система, преимущественно используемая DevOps-специалистами и backend-разработчиками. А линуксоид — человек, который пользуется операционной системой Линукс. У меня есть один такой знакомый, со своим Telegram-каналом. Рассказывает про Windows, Linux, devOps и отлично разбирается в новинках в этой теме.

Локалка - локальная сеть компьютеров, соединённых кабелями. Т.е. альтернатива беспроводному Wi-Fi. Считается устаревшим способом и используется преимущественно в государственных учреждениях.

Мануал (от англ. «manual») - руководство, инструкция по использованию программы или технологии.

Митап (от англ. «meetup») - встреча специалистов для обмена опыта в неформальной обстановке, например, в баре за пивом.

Опенсорс (от англ. «open source software») - программа с открытым исходным кодом, который может редактировать любой желающий. Подходит, если вы ищите проекты для портфолио. Выбираете крутой open source проект (например, React), вносите в него корректировки и говорите в резюме, что вы работали в значимом продукте. Список достойных опенсорс смотрите здесь. Работа на опенсорс всегда бесплатная.

Песочница (от англ. «sandbox») - специальная область/среда для безопасного выполнения программы. Часто выглядит как онлайн-редактор кода. http://next.plnkr.co/, https://jsfiddle.net/, https://codesandbox.io/, - примеры песочниц.

Холивар (от англ. «holy war») - спор о технологиях (как правило, бессмысленный). Часто разворачивается на конференциях/чатах, и каждый из участников остается при своем же мнении.

Пых, пыха - сокращения для языка программирования PHP.

На этом с аббревиатурами все. Нашли непонятную - напишите о ней мне. Также вы всегда можете мне задать любой интересующий вас вопрос. Я обязательно расскажу о нем в одной из статей.
Привет! Недавно я наткнулась на канал IT-обучение, где админ публикует годные материалы для изучения:

🔹 Халявные и полезные статьи.
🔹 Уроки и видеокурсы (по разным уровням сложности).
🔹 Свежие новости из мира IT.
🔹 Годные подборки для прокачки soft-skills и не только!
🔹 Рекомендации и интервью с профессиональными разработчиками.

Если вы давно искали интересный канал про IT, то самое время заглянуть в @it_loft!

#рекомендация
Я - junior. Что дальше?

Ресурсов по старту в ИТ масса. Начиная от бесплатных материалов и заканчивая полугодовыми курсами от 100 000 руб. И работу на Junior/стажера найти реально. Тысячи людей так уже делали.

А что изучать дальше, если ты уже джун?

Стоит обратить внимание на паттерны React/Redux, разобраться во внутреннем устройстве JavaScript и научиться отличать хорошо написанный код от плохого.

Паттерны можно учить по этому туториалу, выбираем те, которые еще не знаем. Разбираемся с типизацией. Начинаем с npm-модуля prop-types, а затем переходим к Typescript. Если еще не понимаем английскую документацию, то иностранный язык - это первое, что необходимо подтянуть.

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

Понимаем, что такое Redux Saga и Redux Actions. Внедряем их в свой проект.

Познаем функциональный setState и не путаем его с обычным. Ознакомляемся с inline functions и понимаем, хорошо это или плохо.

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

От корки до корки прочитываем книгу “You don’t know JS Yet” и действительно понимаем все, что в ней пишут.

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

Middle от Junior отличает багаж знаний, количество лет опыта, качество кода и скорость разработки. Почитайте “Совершенный код”, “Рефакторинг”. Перепишите программу, которая у вас уже была. Только сделайте это лучше. Еще React hooks не помешает изучить.

Как понять, ни засиделся ли ты в джунах? Если на твоей работе все задачи просты и ничего нового не предвидится, то засиделся. Пора менять. Обычно московские разработчики проводят в компании около 1 года. Junior может и меньше.

Если личной привязки к компании нет, но советую сменить рабочее место. Жизнь идет, frontend меняется, и засиживаться на одном месте может быть чрезмерно дорого для вас. Чем больше вы знаете и умеете, тем свободнее в выборе компаний и проектов. Знайте материал так хорошо, чтобы компании сражались за вас, а не вы за место под солнцем под крылом сильной компании.
HTML. Canvas. Какие сайты будут в тренде?

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

Посмотрите на этот пример. Конечно, одних знаний CSS и JS здесь недостаточно. Необходимо разбираться с Canvas.

Canvas - это отдельный элемент в HTML5, который используется для рисования с помощью JS. А если копнуть глубже, то под этим понятием кроется полноценный подход к созданию игр в браузере.

Чтобы реализовать сайт из примера или сделать HTML-игру, нужно с чего-то начать. Мне понравился этот туториал, “CANVAS шаг за шагом”.

И, да, рубрика «Вдохновляющие сайты» объявляется открытой!
15 стран за год?

Недавно в список посещенных городов я добавляла последние пять. И заметила, что теперь их количество перевалило за сотню.

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

Все началось в университете, когда я открыла для себя денежную возможность ездить заграницу. Сначала в Финляндию (ближе всего к Спб), потом в Швецию, Эстонию и все близлежащие. Апогеем моих университетских странствий были Амстердам и Париж, в которые я отправилась на пятом курсе автобусным туром (и никому больше брать автобусные туры не советую!).

Дальше - больше. Я составила для себя список стран, которые хочу посетить. В них фигурировала запись от Сингапура до Монако. И мне сказали, что за год это все реально посетить. Если постараться.

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

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

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

Пишите списки.
Как найти первый заказ на фрилансе без опыта?

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

Где брать тестовые проекты для портфолио? Об этом расскажу в следующих статьях блога.

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

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

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

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

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

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

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

Старайтесь не работать с заказчиками, которые вам не нравятся. Они будут отвечать вам взаимностью и могут оставить гневный отзыв.

Выбирая заказ, помните основной принцип фриланса: “Без внятного ТЗ - результат ХЗ”. Не работайте с клиентами, которые сами не знают, чего хотят. Они потом будут придираться ко всему.

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

Поиск работы на фрилансе я разбиваю на следующие этапы:

1. Подготовка портфолио, наработка шаблонов, актуализация технической базы.
2. Регистрация на фриланс-бирже и заполнение профиля. Можно сразу на нескольких, поймете, на какой лучше пойдет.
3. Поиск первого заказа, общение с заказчиком.
4. Качественное выполнение первой работы, получение хорошего отзыва от клиента.
5. Поиск последующих заказов до тех пор, пока не найдете хорошего денежного заказчика с большим объемом работы.

Все новое - всегда самое страшное. Но вы хотя бы немного сдвиньтесь в этот необычный для себя путь, чтобы понять, что ничего пугающего в нем нет. А еще лучше пообщайтесь с действующими фрилансерами.
Программист - это о вас?

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

21 октября - начало моего личного курса “Старт в ИТ”.

Включено:

- 100 видео про Frontend. 10 уроков, которые мы можете смотреть в удобное время. Вы не зависите от других участников курсов и формируете расписание самостоятельно. Средняя длина видео - 10 минут.

- Непрерывная практика. Все задания мы делаем на реальном макете и моментально применяем изученную теорию. Изучаем только актуальные технологии, познаем best practice и по результатам выкладываем готовый сайт в интернете.

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

- Самый популярный отзыв сентябрьского потока: “Качественное изложение материала, без воды”. Мой опыт преподавания frontend - 3 года, опыт в веб-разработке - 8 лет. В копилке проектов - банк Открытие (3 года), Мегафон.

В процессе учебы мы будем делать такой веб-сайт, который вы сможете наполнить своей информацией.

Курс включает в себя изучение HTML, CSS и JavaScript. Необходимая связка, чтобы понять, как устроен мир в ИТ, и двигаться вам дальше или нет. Востребованная профессия, предлагающая каждый день новые и интересные задачи. И, к тому же, хорошо оплачиваемая.

Курс включает в себя:

Урок 1. Вводное занятие. Как устроен сайт в интернете, профессии в веб-разработке.

Урок 2. HTML. Кирпичики веба, из которых все состоит. Делаем свой первый сайт!

Урок 3. HTML. Овладеваем самыми популярными 25 тегами. Знакомимся с Github.

Урок 4. HTML. Приступаем к реализации макета (http://elenasemenova.ru/markup.jpg). Продолжаем изучать Github.

Урок 5. CSS. Знакомимся со стилями, добавляем CSS на макет.

Урок 6. CSS. Разбираемся с подключением шрифтов, псевдоэлементами, позиционированием и стилизацией формы. Максимально погружаемся в стили.

Урок 7. CSS. Изучаем анимации, правила хорошего тона верстки. Работаем с плагином Pixel Perfect (https://welldonecode.com/).

Урок 8. JavaScript. Познаем основы JavaScript, создаем первую программу.

Урок 9. JavaScript. Изучаем взаимодействие с элементами. Внедряем JavaScript на макет.

Урок 10. Заключение. Выкладываем сайт в интернете. Познаем правила именования классов и мобильную верстку. Разбираемся, куда двигаться дальше.

По итогам курса у вас будет собственно ручной сделанный сайт-портфолио, выложенный в интернете.

Стоимость курса - 10 000 руб. при оплате до 6 октября. После - 12 000 руб.
Старт 21 октября.
Длительность - 5 недель. Запись через личные сообщения - @afelua.

Подробная информация о курсе находится здесь.

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

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

Достаточно бесплатных материалов?
- Но они не укажут на ваши ошибки. А на исправление бага может уйти 3 часа, про который достаточно было просто спросить.

Нет времени?
- Его никогда не будет. Я - один из любителей экономно расходовать время, почитайте о списке моих активностей здесь. Того хочу и вам: даю на курсе максимально конкретную и полезную информацию в видео и в текстовых описаниях.

Запись на курс через личные сообщения - @afelua.
Зачем изучать веб?

2 человека, 2 истории. Почему люди начинают изучать веб-разработку? Почему именно сейчас и по какой причине выбирают мой курс? Рассказы активных студентов потока.

Наталья, самый старательный студент

“Я решила попробовать себя в ИТ, поскольку знаю, что эта область перспективная. К тому же, мне всегда любопытно получать новые навыки. Выбрала веб-разработку, т. к. направление frontend показалось мне наиболее интересным.

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

На курсах мне больше всего нравится небольшая группа и быстрая обратная связь. Качественная помощь при возникновении трудностей и детальный разбор ошибок. Хорошая подача материала без "воды" и удобный формат обучения. А также огромное количество практики.

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


Александр, студент, который не сдается

“Мне всегда было интересно понять процесс работы в вебе от и до. К тому же, я знаю, что это - востребованная профессия, и ее актуальность будет расти и дальше.

На курсе мне нравится реализация учебного процесса. Имеются видеоуроки и презентации к ним. Понятно преподносится материал.

В нашей жизни возможно все, и если заниматься практикой регулярно, то 100% можно полностью сменить сферу. Главное - не останавливаться и продолжать обучение дальше”.

Усердие, регулярный труд и качественный материал помогут вам в этом нелегком деле. 100 обучающих видео, конспекты и практические примеры, - ваши помощники. А я - ваш строгий учитель желающий делать из начинающих профессиональных frontend-разработчиков. Медлить можно вечно! Спеши занять свое место на моем курсе, который стартует 21 октября. Стоимость 10 000 руб. при оплате до 6 октября.
Что такое хакатон?

Хакатон - это мероприятие для разработчиков, на котором им предстоит решать бизнес-кейс в короткие сроки. Как правило, написать прототип сайта/мобильного предложения по отведенному сценарию за 24/48 часов.

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

Хакатон предполагает круглосуточное программирования, иногда даже без сна. Как правило, расписание 24-часового хакатона такое:

10.00 - 12.00 - приветственное слово, предложение кейсов, формирование команд.

12.00 - 15.00 - знакомство в команде, проработка идеи, старт программирования.

15.00 - 00.00 - программирование. Кто-то после 12 ночи уезжает спать, другие остаются кодить дальше.

08.00 - 10.00 - подготовка презентации, объясняющей, почему ваша идея и реализация должны победить. Хакатон - это конкурс, и команды должны продемонстрировать, что они лучше других.

10.00 - 12.00 - защита проектов, объявление победителей.

Все! 24-х часовой марафон кодинга прошел. Если хакатон длится дольше (например, 48 часов), то увеличивается время на разработку и качество демонстрируемого прототипа.

Я лично участвую в хакатонах по фану. Чтобы разнообразить свою жизнь. За все время проходила около 10 подобных марафонов, но не разу не выигрывала. Почему?

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

На последнем хакатоне я заметила, что для демонстрации идеи стоит упростить прототип до минимального. Так, у нас совсем не было интеграции с бэкендом, и все решала верстка. У меня даже был тяжелый хардкод: предполагалось, что система будет валидировать ошибки и в зависимости от ответа говорить, верен он или нет. Демонстрировать надо было как отрицательный, так и правильно работающий сценарий. Я сделала так, чтобы при нажатии на кнопку первый раз она всегда выдавала ошибку, а на второй - сообщение “Ваш ответ верен!”. И такого грубого нарушения никто даже не заметил. Так что, напрягаться на хакатонах не стоит)

О системе, которую я разрабатывала. Я делала онлайн-проект по изучению паттернов программирования с геймификацией на примере робота. Он даже назывался “Robocode”.

Суть в следующем: по умолчанию тебе дан примитивный робот, и по мере решения задач ты его одеваешь. Получаешь шлем, атакующие перчатки, супер быстрые ботинки и др. Таким образом, из стандартного робот становится монстром. Рассчитано на возраст 15-20 лет. Подробнее презентацию смотрите здесь.

Но мы не выиграли. Однако, было весело. Я всем советую ходить на хакатоны за новыми идеями, друзьями и приятным времяпрепровождением. Общие проблемы всегда объединяют. Начинающим рекомендую хакатоны, чтобы впервые закодить реальный проект. Как бы то ни было, хакатоны разбавляют нашу серую и стандартную жизнь. А тут на 24 часа ты погружаешься в совершенно иной мир.
Приятно, когда о тебе говорят

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

Подробнее про API Открытия здесь.

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

Хочешь начать изучать программирование, но не знаешь, сможешь ли?

Тест-драйв бесплатно! В это воскресенье, 13 октября в 12.00 я провожу бесплатный вебинар “Как составить программу для самостоятельного изучения frontend”. Смотреть можно в записи!

На вебинаре мы:
- поймем, с чего начинать обучение;
- построим маршрут веб-разработчика до первой работы/первого заказа;
- рассмотрим конкретные самоучители и примеры;
- придумаем идеи для самостоятельных проектов.

Вебинар будет идти 1-2 часа. Попасть на него смогут только первые 15 человек. Для записи напишите мне сообщение @afelua. Трансляция будет доступна после окончания вебинара, но записываться на него нужно.

Не откладывай на понедельник то, что можно сделать в воскресенье!
JavaScript30. Или 30 дней JavaScript’а

Как выучить JavaScript? Один из вариантов - делать программы на JavaScript каждый день. Как говорят, прогресс приходит с опытом.

Для этой цели мне нравится бесплатный ресурс JavaScript30. 30 уроков JavaScript на каждый день. Реализовываете тикающие часы, HTML5 видео-плеер, галерею изображений и даже игру. И так ежедневно. На следующий день вам приходит ответ, все ли вы сделали так. Но есть один маленький нюанс: доступ к ресурсам всего на 30 дней.

Сможете?) Познайте себя в челлендже!

А я, тем временем, продолжаю запись на свой курс. Если вы еще не знаете JavaScript, но хотите приобщиться к вебу. Welcome!
О времени

Время. Мне кажется, что оно ускользает. Оно надсмехается надо мной. Каждый месяц я составляю план по 5 направлениям, по которым хочу продвинуться в жизни дальше. Уже середина месяца, и я лишь выполнила 15% от него.

Я говорю не о работе. На ней задачи, которые нельзя не выполнять. Я имею в виду личные проекты, которых у меня пять.

Я активно слежу за конкурентами и вижу, куда двигаются они. Однако, если они продвигаются на 10 шагов, мне за месяц удаётся прыгнуть лишь на 2. Ставя себе план на 5.

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

Если бы меня спросили, какой подарок я хочу больше всего на свете, я бы ответила: «Время». Время на себя. Когда ты никому ничего не должен и делаешь то, что благоволит душа.

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

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

А время... Оно идёт. Помню, мне ещё родители говорили: чем дальше, тем быстрее. И теперь я осознаю, насколько это верно.
Как верстать быстрее?

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

Установите плагины для быстрого набора HTML-тегов и CSS-стилей. Посмотрите на Emmet (комбинации здесь), если используете Sublime text. Либо включите набор кода через короткую комбинацию символов в Webstorm или Atom.

Обучитесь методу слепой печати. Я так делаю с 15 лет. Применяла «Соло на клавиатуре» (для Windows и онлайн) для русского и английского языка. Сначала нудно, ещё сложнее вспоминать расположение пальцев на практике, но уже через полгода производительность кардинально растёт. Мне эта программа спасла не одну ночь в универе, когда 100 страниц магистерского диплома я набрала за 1 день. В то время, как у других на это уходило по 2-3 недели.

Выучите быстрые комбинации клавиш в программе, которой вы пользуетесь: создание новой функции, выделение нескольких строк и др. (Webstorm и Atom). Пока другие будут писать код вручную, вы уже все давно сделаете.

При верстки сначала концентрируйтесь на разметке страницы, затем - на расположении блоков (что слева, что справа, а какие элементы стоят в один ряд), а потом подгоняйте под Pixel Perfect plugin. Я всегда накладываю оригинал на страницу, подгоняю актуальные стили в браузере, а затем копирую получившиеся CSS-свойства и вставляю их в файл.

Применяйте сборщики проекта, чтобы вам не пришлось копировать изменённые ссылки по 10 раз. Выносите повторяющийся функционал в отдельный файл и переиспользуйте их. В этом вам помогут gulp и Webpack. Используйте переменные не только в JS, но и в CSS с помощью LESS и SASS.

Чем быстрее вы делаете задачи, тем выше ваша стоимость на рынке. Особенно актуально при работе на фрилансе, где ваша часовая ставка зависит от объема работ, который вы делаете в единицу времени. Применяйте вышеуказанные инструменты, и у вас всегда будут свободные вечера.

Кстати, это был вопрос от подписчика. Задать свой можно мне лично или анонимно. Не бойтись спросить то, что интересно услышать!
В Африку за ИТ

Куда отправиться за IT-знаниями? В США, Канаду, Лондон, - это банально. Почему бы ни протоптать себе путь на африканский континент, чтобы приобщиться к новейшим разработкам в Deep Learning?

Я тоже сначала смеялась. Потом увидела эту статью. Оказывается, уже третий год проходит конференция Deep Learning Indaba в Кении. Им пришлось организовать свою, ведь в развитые страны их практически не пускают. Эффект того стоит: на крупнейшую AIconf континента съезжаются представители 40 стран Африки.

Конференция конференцией, но я решила узнать, как живут программисты на африканском континенте. Оказывается, не так и плохо: по данным Indeed средняя зарплата Frontend developer в ЮАР - 150 000 российских рублей. Как гласит поговорка, программист - он и в Африке программист.

Однако, похоже, что за богатством стоит ехать только в самую богатую страну Африки (ЮАР). Средняя зп программиста в Нигерии - уже 50 000 русских рублей. В остальных африканских странах разработчики менее популярны.

У меня всегда было мнение, что Африка еще не отошла от первобытного строя. Однако, сегодня я узнала, что цивилизованная жизнь в части Африки есть. Чем не повод поставить себе новую экзотическую цель и отправиться в дальнее странствие по ЮАР? Или в другую затерянную страну Африки?
Курсов много, а я - один

Когда еще не поздно заскочить в последний выгон уходящего поезда.

Сегодня заканчивается запись на мой курс "Старт в ИТ". Почему стоит заниматься именно у меня?

1. Я разбираю ваше домашнее задание 30 мин. Честно. За это время вы получаете индивидуальный анализ вашей работы и не слушаете советы других. Вы имеете персональные рекомендации по улучшению кода, будто мы занимаемся с вами индивидуально. Но по меньшей цене.

2. Мне не все равно, какой код вы написали. Я стремлюсь к тому, чтобы он был качественным, указываю на все возможные best practice и анализирую каждую ошибку. Рынок переполнен специалистами, выучившимися кое-как. Спросите у разработчиков, собеседующих других. Я хочу, чтобы вы владели информацией не поверхностно, а полноценно. Это позволит вам выгодно отличиться среди конкурентов.

3. Я провела опрос среди учеников и спросила о ключевом преимуществе курсов. Как показала статистика, выиграли «качественное изложение материала, без воды», «удобный формат обучения» и «много практики на реальном макете». Ссылки на учеников могу предоставить (для тех, кто сомневается в моей честности).

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

5. Вы меня знаете. В мире полно курсов, которые рекламируют одни люди, составляют другие, а преподают третьи. Здесь все делаю я сама. И с той же ответственностью, с которой я подхожу к написанию постов, я отношусь и к своим курсам. Одно дело, если человек работает на себя и строит персональные связи и бренд. И другое, если он берет подработку в компании, чтобы завершить её как можно быстрее и отправиться по своим делам.

Убедитесь в качестве курсов лично. Старт сегодня. Успев оплатить до 00.00, вы автоматически запрыгиваете в последний вагон поезда "Будущий программист". Вперед!
Как валидировать форму на js?

Как сделать так, чтобы пользователь мог вводить только цифры в поле с паспортом? А только буквы русского алфавита в поле “Имя”? Для этого существует метод regexp.

Например, создадим переменную myDream.

let myDream = "Я хочу научиться программировать"

/хочу/.test(myDream);
возвращает нам true, потому что слово “хочу” в фразе "Я хочу научиться программировать" есть.

А выражение:

/играть на барабане/.test(myDream); возвращает false, т.к. фразы “играть на барабане” в myDream нет.

Однако, мы можем искать не только слова, но и цифры. Для этого используется запись \d.

/\d/.test('1234') говорит нам о том, есть ли в записи хотя бы одно число.

Кстати, можно использовать более человеко читаемую форму, которая выглядит как:

/[0-9]/.test(’1234’)

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

/^[0-9]{1,2}$/.test('12')

^
- сигнализирует о начале строки. Мы начинаем искать выражение не с середины, ни с конца, а с начала.

$ - сигнализирует о конце строки. Мы заканчиваем искать выражение не после первого найденного, а идем до конца строки полностью.

[0-9] - это мы знаем. Ищем цифры от 0 до 9.

{1,2} - интересует, чтобы пользователь ввел 1 или 2 символа. Так, строка из трех символов “123” уже не подойдет.

Интерес представляет regexp, когда пользователь может вводить только русские символы. Выглядеть это будет:

/^[А-ЯЁа-яё]+$/.test('Елена')

А если только латинские (например, фамилия в загранпаспорте):

/^[a-zA-Z]+$/.test(‘Fedorova’)

Бывает, что интересуют латинские символы, цифры и пробел:

/^[A-Za-z0-9\s]+$/.test('apartment 15')

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

Про regexp я заговорила потому, что попалось задание:

- вернуть true, если фраза содержит все буквы латинского алфавита хотя бы по 1 разу ("The quick brown fox jumps over the lazy dog");
- вернуть false в противном случае.

Попробуйте выполнить его и вы, когда закончите все остальное.
2025/07/12 13:37:07
Back to Top
HTML Embed Code: