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
225 - Telegram Web
Telegram Web
Типограф. Давайте соблюдать типографику

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

Типограф позволяет вам загнать текст (можно, в HTML) и получить результат без висячих предлогов, с одинаковыми кавычками, тире в правильных местах и другими правилами форматирования. Разработано студией Артемия Лебедева, обо всех типографических правилах читайте тут.

Типограф - must to use на любых проектах. Единообразно и типографически корректно - сделайте заказчикам приятно.
Австралия и Австралийцы

На этот новый год я решила устроить себе подарок и реализовать давнейшую мечту. А именно: оказаться в Австралии.

Этим постом я открываю цикл статей об Австралии. Если вам интересно узнать что-либо о столь далекой стране, welcome ко мне в личку.

В Австралии я была десять дней, начиная с 31 декабря. В Сиднее и Мельбурне. И вот, что я приметила:

1. Здесь едят кенгуру. Правда, скорее как редкий деликатес. Видела в меню только одного ресторана.

2. Разница с Москвой +8 часов. Т.е. когда я публикую фотки в Instagram за предыдущий день, в России только наступает утро.

3. Транспортное движение правосторонне (как в Лондоне). По тротуару австралийцы тоже ходят наоборот. Все 10 дней я путалась и ходила по-русски, а, оказавшись в России, напротив, по-австралийски.

4. Все мои друзья пугали меня фотками змей и пауков в Австралии - никого не заметила. Сидней и Мельбурн - цивилизованные города, змей и пауков видела только в зоопарке. Зато попугаи на дереве под домом - это нормально. Даже если их сидит и чирикает 30 штук. Однако, кто-то укусил меня в последний день Австралии. Вроде не болит и живу, но кто это был до сих пор остается загадкой.

5. Природа в Австралии многообразна. 30 мин - и ты на океане, 1 час на поезде в другую сторону - в горах. Температура сильно отличается в пригородах. Если в городе +32, то через 27 км может быть уже +46.

6. Вода в океане холодная. Несмотря на то, что на улице +47, температура воды в январе +21. Купаться можно только в строго отгороженных зонах.

7. И, главное: австралийцы очень расслаблены по жизни. Им не надо обслуживать 50 человек одновременно, как в Москве. Работа для них далеко не на первом месте, и в новогоднюю ночь в ресторане никто не будет принимать заказ, стремясь срубить как можно больше денег, а просто пойдёт отдыхать. Они работают, потому что им это нравится. Болтают с тобой не ради приличия (как в Америке), а искренне интересуясь, как твои дела и where are you from. Они улыбчивы, позитивны, и, глядя на них, я понимаю, почему в мировом рейтинге они считаются самыми счастливыми людьми на земле. Прекрасная природа, сёрфинг, высокий уровень жизни, солнце, милые животные и позитив, - что ещё может быть нужно для счастья?)
Мои выводы 2019

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

Кто ещё не сделал, советую: позволяет лучше понимать свои сильные стороны и недостатки.

Блог

Большой упор в этом году был сделан на блоге. Регулярное написание статей, куча денег в рекламу, запуск своего курса, консультации с менторами, дополнительные курсы по раскрутке канала и т.п. Делала все сама, никого не привлекала (только первый месяц рекламы делегировала другим). Считаю это провалом года, т.к. вложенные деньги и время себя не окупили. После ноября сдалась и решила, что больше нет сил проводить потоки курсов. Если блог для вас важен, то дайте мне знать. Хотя бы “спасибками!” в личку или лайками. Канал в Telegram - единственное, что у меня осталось за год блоггерской деятельности. А то я и его за ненадобностью прикрою.


Работа

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


Путешествия

Путешествия были и много, но для меня они стали разумеющимся, а не приятной неожиданностью. В 2019 году посетила ОАЭ, Грецию, Армению, Казахстан, Великобританию, Италию, Францию, Марокко, Китай и Австралию. Если кого-то интересует, как смотреть 10 стран в год, работая на регулярной работе, напишите мне в личку - расскажу.


Английский язык

Весь год занималась в Skyeng, со второй половины взяла курс подготовки к IELTS. Не ради экзамена, а ради интенсивного пополнения словарного запаса сразу в нескольких темах. Да и статьи на курсах по IELTS гораздо интеллектуальные, чем на General English. Лайфхак: для изучения английского брать именно подготовку к экзамену - быстрее прокачаетесь. Постепенно двигаюсь от Upper-Intermediate к Advanced. Год назад была на уровне lower Upper-intermediate.


Развлечения, личная жизнь

Развлекалась, как могла. Год бы не напряжный: ходила по массе выставок, музеям, каждый месяц брала курсы по чему-то новому (от раскрутки роликов на Youtube до Big Cities). Если был выбор, написать статью или пойти гулять, всегда выбирала последнее. Наконец-то появилось время на множество хобби и других увлечений.

Вывод: 2019 вошёл в мою историю как «комфортный», когда ты уже оптимизировал все свои вопросы/проблемы и просто живёшь в удовольствие. С одной стороны понимаешь, что надо двигаться дальше и рисковать, а с другой не хочешь терять имеющееся.

А у вас как дела? Сделайте подобный анализ, проведите ревизию самого себя. Поверьте мне: почувствуете себя более осмысленным, легким и честным.
Если нет времени разбираться

Вначале: спасибо всем неравнодушным и поддержавшим меня по итогам предыдущего поста. Поскольку желающих развиваться и читать дальше и правда много - решено: блогу быть! Спасибо всем за добрые комментарии)

А теперь к делу.

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

Лайфхак следующий: выбираете понравившийся шаблон -> добавляете актуальные картинки/меняете текст -> переставляете или добавляете блоки (форма, слайдер, цитата, цены и др.) -> и сайт готов! Быстро, просто и без знаний веб-разработки.

Подобные системы называются конструкторами сайтов. Самые популярные из них:

- Tilda - главный ресурс в русскоязычном инете. На бесплатном тарифе собственный домен не доступен, от 500 руб./мес. - доступен.

- Wix - аналог Tilda в англоязычном инете. Нормальный тариф (домен, без рекламы) доступен за 150 руб./мес.

- Adobe Portfolio - для любителей продуктов от Adobe (удобная интеграция с другими продуктами). Но, как следует из названия, предназначен преимущество для портфолио - демонстрации своих проектов. Вместе с Photoshop и Lightroom программа стоит 644 руб./мес.

- Webflow - проект именует себя не конструктором сайтов, а сервисом визуальной верстки. Позволяет экспортировать созданный сайт и опубликовать его на хостинге (на конструкторах доступно только на дорогих тарифах). Позволяет расставлять блоки не шаблонно, а согласно авторскому макету.

Если ваша цель - создать один сайт-портфолио или лендиг проекта, то конструкторы сайтов - отличное решение. Они конфигурируются визуально, и вникать в HTML/CSS/JS здесь не нужно. Если хотите стать программистом, то нет. Вам надо знать правила расположения блоков и верстать практичные макеты. Выбирайте средства под себя.
Вдохновляющие сайты. Parallax

Продолжаю рубрику "Вдохновляющие сайты". На этот раз рассмотрим эффект с собакой.

Создается ощущение, что задний план (собака) движется значительно медленнее, чем текст. Такой сайт выглядит очень эффектно и достигается за счет parallax-эффекта.

Более реалистичный пример смотрите здесь. Прокрутка идет, а картинка стоит на одном месте. Всему виной все тот же parallax.

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

Как правило, для реализации parallax нужно знать HTML, CSS и JavaScript. Если хотите сделать этот эффект быстро, подключите сторонную библиотеку. А если долго, то воспользуйтесь вариацией на чистом CSS. А если предпочитаете английский вариант, то здесь.

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

Мы их уже с вами проводили. В августе и в октябре. Февральский поток включает в себя практически то же самое:

- 10 видео-уроков с информаций “что, почему, и как”. Проходим, как устроен веб, движемся от HTML-тегов к верстке и в конце разбираем JavaScript. Каждый урок разбит на ~ 10 видео по 10 минут.

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

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

Курс идет 6 недель и стартует 10 февраля. Повод с понедельника начать делать то, что давно откладывал. Можно завершить обучение раньше, т.к. следующее видео выкладывается после того, как первый ученик группы завершил предыдущее.

Подробнее о том, что включает в себя курс, здесь. Возьму только 10 человек, поспешите! Цена предложения 7 000 руб., запись в личку.
Австралия в горит

Австралия в огне? - самый частый вопрос от друзей во время моего визита далекой страны.

Да, так и было. Все 10 дней (а также месяц до и после) Австралия горела. Но писать мне об этом друзья начали только в начале января (информация медленно идет до России, не так ли?)).

Во время моего визита в Мельбурне наблюдался ужасный смог. И запах дыма. В конце декабря то же было с Сиднеем. Территория страны огромная, пожары бушуют преимущественно в горах и не доходят до городов. Но часть национальных парков перекрывают. Три дня назад в Blue Mountains (один из главных и самых красивых заповедников) было +50. Не загореться не могло.

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

Надо отметить, что деревья в Австралии восстанавливаются, и пожары 2019-2020 годов далеко не первые. Однако, такое масштабное истребление деревьев и животных наблюдалось ранее раз в 15-10 лет. Теперь это происходит ежегодно. Флора и фауна не способна вернуться к жизни так быстро. Австралия - первая страна, на которой сказывается глобальное потепление. Может, пришла пора задуматься о практике глобального потребления?
5 примеров небанального JavaScript

Знали ли вы, что JavaScript - это не только сайты в интернете? Бывает кое-что и более оригинальное. Например, создание видеоэффектов. В этой статей речь пойдет о небанальных применениях JS.

1. Видеоэффекты. Признавайтесь честно: когда-нибудь задумывались, как создаётся эффект взрыва в кино? Или как реализуется потусторонняя вселенная? В большинстве случаев для спецэффектов используют Adobe After Effects. А для достижения нестандартных переходов пользуются сторонними плагинами. Которые пишутся на JavaScript. Например, можно реализовать такое. Информация о том, как этого добиться, здесь.

2. Internet of Things. Иначе говоря, интернет вещей, взаимодействие с кофеваркой, микроволновкой и роботами. Тоже можно реализовать на JavaScript, смотрите, какое количество библиотек для этого существует!

3. Машинное обучение. TensorFlow - наиболее популярная библиотека для разработки machine learning систем. Есть JS-версия. Может показаться, что на JS не достает библиотек для разработки, но это не так. Питоновские NumPy, SciPy, Seaborn заменяют KerasJS, DeepLearn.js, ConvNetJS, Brain.js, и для решения большинства задач их более, чем достаточно.

4. 3D-графика. Почему бы и нет? Three.js - наиболее популярная библиотека для ее создания. Можно реализовать такое, такое или, например, такое. Если одной библиотеки мало, рассмотрите альтернативы.

5. Игры. Да, такое тоже возможно. Конечно, не изысканная 3D-графика, но все же. Возможно даже сделать во многопользовательском режиме. Инструкция на русском, как реализовать подобное.

Как вы видите, JavaScript - это не только сайты. Сценарии его применения гораздо шире, включая серверный JavaScript - Node.js. Выбирайте то, что вам ближе, и стремясь рассмотреть язык со всех сторон.
Зачем откладывать на завтра то, что можно сделать сегодня?

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

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

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

Места на февральский курс по веб-разработке еще остались. Условия прежние: старт 10 февраля, цена 7 000 руб. Можно с нулевым уровнем знаний. Погнали?)

А для тех, кто склоняется в сторону самостоятельного обучения, бонус: мое видео (осторожно: 2,5 ч идет) о том, какие ресурсы вам пригодятся. Главное - понимайте разницу, для вас важнее деньги или время. Если деньги, отправляйтесь на самостоятельное изучение и заготовьте выдержку: вам придётся изучить ни один туториал и загуглить несколько вариантов решения, прежде чем в эту тему вникнуть. Если время, то выбирайте занятия с преподавателем и готовый курс: так вы обмениваете своё время на чужое и быстро получаете укомплектованный материал.

В любом случае, при начале нового дела главное - решиться. А если у вас есть что-то еще, что мешает заняться обучением сейчас, напишите мне. Мне правда любопытно.
CSS. Transform. Жива ли анимация на CSS?

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

Создать такую анимацию поможет свойство CSS transform со значением translate. Подробнее об этом тут. А если вы захотите изучить, на что способны CSS-трансформации в принципе, то welcome в туториал. Теперь вы будете знать, как заставить картинку с любимым котиком двигаться.
Как совмещать работу и учебу?

Когда на основной работе засиживаешься допоздна, нет времени на курсы. Однако, секрет успеха совмещения кроется в правильной самоорганизации. Именно об этом рассказывает Ирина, участница моих курсов “Старт в ИТ”. Девушка работает и учится одновременно. Трудится Ирина удаленно, но дисциплину это не отменяет.

“У меня появилось свободное время, а обстоятельства сложились так, что упустить возможность изучить программирование было неразумно. Раньше я уже работала удаленно и знаю, что главное в работе из дома - организованность и дисциплина. Для контроля я завела себе расписание, в котором указываю, сколько часов я работала/училась. Стремлюсь к тому, чтобы суммарно за день набиралось от 8 часов.

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

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

Весь материал курса разбит на короткие видео, что позволяет смотреть их в метро. Однако, я предпочитаю обучаться дома в тихой обстановке. Так я максимально продуктивно концентрируюсь на теме. Формат уроков (просмотр видео и выполнение заданий в свободное время) выбран оптимально. Не нужно подстраиваться под других учащихся, в отличии от классических курсов. В то же время, имеются сроки сдачи ДЗ, которые стимулируют все делать вовремя.

Иногда дополнительно закрепляю навыки на https://www.freecodecamp.org/. Мне он понравился тем, что содержит множество мелких заданий с возможностью моментально оценки. Однако ресурс полностью английский, и мне приходится пользоваться Google-переводчиком.

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

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

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

7 часов утра, Москва. Пора ехать в аэропорт, но такси дорожает в 4(!) раза. И при такой цене оно приезжает лишь через 20 (!) минут и тащится в 2.5 (!) раза дольше.

Подталкивая таксиста, немного удаётся сократить время до аэропорта. Мы были за 1 час до вылета. Уральские авиалинии в это время перегружены, и, договорившись с людьми в очереди, мы оказываемся у стойки за 5 мин до окончания регистрации. И тут начинают разбираться с визой. Впечатление, что в Домодедово впервые встретили людей, летящих в Сидней. А распечатанная на А4 виза (в Австралию они только электронная) их еще больше удивила. С правилами китайского транзита работники аэропорта были явно не знакомы. Впрочем, на обратном пути из Австралии в Китай тоже. Кое-как уладив проблемы, мы проходим регистрацию за 1 мин до.

Далее нас ждёт пересадка в Екатеринбурге и ночь без сна. Утром следующего дня (00 по Москве), мы, сонные, оказываемся у китайского паспортного контроля. Две очереди, суммарно на 4 часа. Без малейшей возможности исполнить физические нужды, купить воды или, наконец-то, выспаться. Ты чувствуешь себя рабом, которого заставили стоять, лишив всех людских потребностей.

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

Но, кое-как выстояв, я пробралась. И готова сообщить вам факты о Пекине:

1. В интернете говорят, что Google, Wikipedia, Instagram, Telegram,- все блочит Китай. У меня они прекрасно работали. Правда, с российской симкой и заграничным интернетом. По Wi-FI с самым крутым (читай “разрекламированным”) VPN без шансов.

2. Три дня я проездила по экскурсиям, и всего пару раз встретила европейца (где все иностранцы с паспортного контроля?))

3. На английском не говорят, от слова совсем. В аэропорту только каждый пятый, и это - лучшее.

4. Цены на еду московские (600 - 1000 руб. полноценно перекусить), на достопримечательности - армянские (50 - 250 руб.), метро 20-30 руб. за поездку по центру.

5. Погода в Пекине в декабре была Московская-2019 (около 0, без снега). Вот только солнечно каждый день (Поднебесная, как никак).

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

Задали мне тут интересный вопрос: зачем я людей программированию учу? Вроде, у меня и так все хорошо. Telegram-канал еще веду… Зачем?

Пассивный доход. Заработок с ежедневной занятостью в 1-2 часа приравниваю к пассивному. Жизнь научила меня распределять риски. Никогда не останавливаться на чем-то одном и оперировать несколькими источниками дохода. Чтобы в случае неудачи не жаловаться на государство и плохих начальников, а рассчитывать только на себя.

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

То же самое и здесь. Я знаю, что хорошо программирую, есть значительный опыт преподавания, могу говорить долго и без запинок, с детства разбираюсь в Premier Pro (создание видео) и Photoshop, а также обожаю писать тексты и формулировать собственные мысли. Я анализирую рынок, изучаю потребности и стараюсь предложить ему то, что будет для меня наименее трудозатратно и максимально прибыльно. А параллельно кайфую от того, как продукт растет.

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

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

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

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

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

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

Однако, свои личные KPI по нему я тоже не выполняю. Поэтому я в поисках новых идей. Расскажите мне, в чем у вас состоит основной затык во фронтенд-разработке. Нет времени на обучение, не найти первую работу, нет грамотного преподавателя, непонятно, как прокачать знания с junior по middle или с middle до senior, не ясен JavaScript, а не верстка и т.д. и т.п. Смело пишите мне в личку, и я буду думать, как я эту проблему могу решить. Ведь самое ужасное - тратить свою жизнь на то, что никому не надо.
Как тестировать в Internet Explorer?

Если у вас MacBook. Или как проверять сайт в Safari, если вы - обладатель Windows.

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

На работе мы используем решение от Browserstack: регистрируетесь, выбираете браузер, в котором хотите протестить (от IE6 и Android 4.4), вбиваете нужный сайт, - и погнали. Переходите по страницам, смотрите инспектор элементов, ищите ошибки и анализируете, как ведет себя приложение на другом устройстве.

Есть одно но: как правило, сайт должен находиться на домене, т.е. быть выложенным в интернет. Но, если вы хотите проверить разработку локально, решение есть: ставите плагин для Chrome и нажимаете “Запустить приложение”.

Browserstack - самый популярный интрумент для тестирования во всех браузерах. Однако, на первых порах цена кусается: 12.5$ в месяц за 100 минут использования независимым разработчиком. Временная версия бесплатно доступна для всех - всегда можно нахаляву заюзать.

Существует решение дешевле, но замороченнее: установить локальную машину на свой комп. Виртуальная машина позволяет вам эмулировать поведение Windows/Linux на MacBook и наоборот. На одном компьютере можно ставить разные версии операционных систем. Подробнее о том, что это, здесь. Информация о том, как поставить виртуальную машину на Windows тут, а на Mac - вот тут.

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

Вам приходит макет. Вы делаете примерно то же самое, показываете дизайнеру, но он говорит, что нет. Вы не заметили разницу в 10 пикселей, которую заложил он. Да и вообще у него в макете все отступы делятся на 4, а вы сделали "примерно то же самое". Как не допустить такую оплошность?

Для тестирования вашей верстки и оригинала существует замечательный плагин PixelPerfect. Создаете страницу, как считаете нужным, накладываете оригинал (можно сделать принскрин, например, из Zeplin), уменьшаете прозрачность на 50% и смотрите, где различия. И там, где они образовались, правите и подгоняете под макет. Главное, чтобы картинка оригинала была 100%-ой ширины, а не больше/меньше нужной.

Зачем верстать PixelPerfect?

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

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

3. +1 балл в карму перед заказчиком и в резюме. Все любят программистов, верстающих PixelPerfect, а не кое-как.

На что надо обратить внимание:

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

Так что давайте все делать качественно, красиво, согласно дизайнерской задумке и быть хорошими разработчиками. А плагин Pixel Perfect нам в этом поможет. Как грамотно пользоваться, подробная инструкция тут.
3 года в Москве

Февраль, 2017. Я только-только ушла из старой организации и полноценно включилась в работу в новой компании.

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

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

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

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

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

Я стала ездить в культурную столицу каждые три недели. Таким образом, я восстанавливала баланс.

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

1. Люди в Москве бояться плохой погоды, и считают метеорологическую обстановку Петербурга просто отвратительной. Сильный ветер, снег или дождь для москвичей (или тех, кто ими стал) - достаточная причина для того, чтобы не идти пешком лишние 15 мин. Я же считаю, что погода в Москве просто шикарная, поэтому даже в метель не принимаю всевозможных погодных жалоб.

2. Люди в столице привыкли рано вставать, и неоднократно я вижу отчёты в Instagram о том, как кто-то пробудился в 5-6 утра. Для меня такое положение вещей до сих пор остаётся загадкой, также как и те, кто ложится в 23. Лично для себя уснуть в районе 3 часов ночи считаю абсолютно нормальным.

3. Я до сих пор поражаюсь ценам на квартиры в Москве и не понимаю, почему они в 2 раза выше. Только знаменитая фраза «Спрос рождает предложение»все объясняет.

4. Улучшение качества жизни горожан в Москве происходит стремительнее. Достаточно вспомнить, что за один 2019 год открылось 8 новых станций метро, а с начала моего пребывания - 35 + МЦД (петербуржцы, завидуйте). Также здесь множество городских мероприятий, и город просто живёт, обновляется и радуется.

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

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

Удосужилась я отправиться в Италию на 23 февраля. В самый разгар эпидемии.

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

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

22 февраля я отправилась на озеро Гарда. Приветливая Италия, расслабляющая национальная музыка, вдохновляющие виды и +18, - я была абсолютно счастлива и уже почувствовала приход весны. В приятном предвкушении я ожидала, что такими же будут и последующие три дня.

Лишь на обратном пути поезда я случайно взглянула на электронное табло, передававшее новости. Даже без знания итальянского стало понятно, о чем дело. На нем значилось: “coronavirus”, “veneto”, “22”. Речь шла о зараженных в городке, в 10 км от которого я сейчас проезжала. И тут мне стало страшно: ведь на завтра мне предстояло посетить Венецианский карнавал. Я пообещала себе найти с утра медицинскую маску и успокоилась.

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

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

23 февраля выбирали самый необычный костюм маскарада. Победили марионетки. Это был самый необычный День Защитника Отечества для меня.

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

На следующий день мне предстояла Верона. Городок находится на окраине округа Veneto, и, судя по новостям, вирус его еще не успел задеть. Людей в масках тут не было, зато музеи не работали и кафешки оставались полупустыми. Но IZI.travel меня спас.

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

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

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

А маскарад в Венеции и правда красив. В мирное время он точно того стоит. Больше маскарадных фото смотрите здесь.
Chrome Dev Tools. Тестирование

Рано или поздно каждый начинающий разработчик сталкивается с тем, что код надо тестировать. Надо экспериментировать с цветами, подгонять макет под Pixel Perfect, смотреть значение переменной. Отлично помогает в этом стандартное решение для дебаггинга - Chrome Dev Tools.

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

Конечно, у других браузеров (Safari, Mozilla) существуют подобные решения. Однако, самым популярным и удобным до сих пор остается вариант от Chrome.
Перерабатывают ли программисты?

Возьмем крупную компанию ≈ 40 - 100 человек в ИТ-отделе. Предположим, что все они трудятся над одним и тем же сайтом, посвященном продаже квартир. При этом все участники разбиты на команды по 5-6 человек, отвечающие за отдельный функционал. Одна делает страницу поиска, вторая - личный кабинет агента, третья - блог и т.д.

В каждой такой команде присутствует project manager - руководитель группы, frontend-разработчик, backend-разработчик, тестировщик и аналитик - постановщик требований. У команды есть конкретные задачи по разработке функционала, которые надо за 2 недели выполнить. В случае успеха, новые разработки “выходят на прод”, т.е. попадают в интернет.

И возникает вопрос: что делать, если в заданные сроки вы разработать функционал не успеваете? А если он не выходит не по твоей причине, а по вине backend-разработчика?

Больше всех о выводе функционала беспокоится project-manager. У него зарплата от этого очень сильно зависит. И его задача: мотивировать вас выполнить все в отведенные сроки. Или договориться с кем-то выше, чтобы сроки отложили.

В случае неудачи (не успели/пришли новые требования/неверно первоначально оценили сроки) в цивилизованных компаниях вам предложат поработать дополнительно. Например, в выходной день или сверхурочно. Как правило, по 1.5х или 2х ставке. Обратите внимание: попросят, а не заставят. Вы всегда в праве отказаться.

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

Основной нюанс здесь кроется в том, что “давить” и заставлять делать больше будут, как правило, на начальных этапах карьеры. Рынок Junior не так велик, как хотелось бы: начинающему специалисту сложно найти новую работу. Да и, рационально поразмыслив, ситуация не столь плоха: в начале пути самое важное - набраться опыта. И чем больше дополнительных задач ты решишь, тем лучше. Думать о деньгах будешь потом.

Зато с уровнем Middle или Senior сменить компанию очень просто. Поэтому в случае переработок работодатели предлагают более выгодные условия. Слышала, что на одном стартапе заработали 500 000 руб. в месяц, трудясь по 80 часов в неделю.

Конечно, в маленьких компаниях и на фрилансе ситуация иная. Но об этом потом.
Где писать код?

Когда только начинаешь изучать программирование, первое, что приходит в голову пользователям Windows, - Блокнот. Иначе говоря, текстовый редактор. Конечно, такой вариант возможен, однако, далеко не оптимальный. Ведь никакой подсветки синтаксиса он не предполагает (а, значит, вы с ума сойдете искать ошибку, которая где-то незаметно закралась).

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

Sublime Text 3. По умолчанию редактор не сильно отличается от Notepad++, однако, с помощью дополнительных плагинов его можно значительно улучшить. Например, писать код практически моментально, обновлять сайт его в режиме реального времени или выравнивать все теги друг под другом автоматом. Быстро и удобно, значительно оптимизирует время. О том, как поставить плагин Emmet, инструкция тут. Бесплатная версия Sublime Text 3 будет иногда показывать рекламу.

Есть, конечно, проги еще серьезнее. В которые все плагины уже встроены. Называются они IDE или Интегрированные Средства Разработки. Системы сложные, с первого раза не разберешь. Поэтому рекомендую их уже прокаченным программистам. Примеры таких систем: Webstorm (платная) и Atom (бесплатная).

Помните, какую бы IDE вы ни выбрали, прежде всего она должна быть удобной для вас.
2025/07/10 16:01:45
Back to Top
HTML Embed Code: