Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Веселая аркада с Печенькой для новогоднего настроения. Объезжайте препятствия, а подарки, варежки, конфеты и прочие приятности не объезжайте: они помогут набрать очки и установить новый рекорд.

Сноуборд

Спорт, Аркады, На ловкость

Играть

Топ прошлой недели

  • AlexKud AlexKud 40 постов
  • unimas unimas 13 постов
  • hapaevilya hapaevilya 2 поста
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
15
nachalyonok
2 года назад

Есть ли шанс найти работу?⁠⁠

10 лет работала учителем. Но чувствую, что дальше с людьми хочется работать поменьше. Поскольку на старом месте работы немного была связана с написанием кода, уговорилась попробоваться в программировании. Год неспешно почитывала учебники и с марта с переменным успехом взялась за выполнение заданий.
Всё нравится, но чем больше узнаю, тем больше понимаю, как много ещё нужно учить. Но не этот факт пугает, а то, что мне без малого 34 и тягаться с молодыми юношами после университетов мне реально сложно. Не семи пядей во лбу я, но трудолюбивая и настойчивая. Ещё один настораживающий факт это то, что многие компании объявляют о закрытии набора сотрудников, особенно джунов.
Тем не менее хотелось бы в перспективе найти работу во фронтенде. Собственно вопрос есть ли шанс найти место стажёра с таким бэкграундом в текущих условиях? Через полгода-год?
Или уже нет смысла усиленно изучать требуемые технологии и лучше посвятить время чему-то ещё в силу отсутствия перспектив.

Работа Программирование Новичок Frontend Текст IT
24
antbalashoff
2 года назад

Курсы Хекслет работают =)⁠⁠

Всем привет!

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

С прошлого поста успел завершить курс по верстке и фронтенду, сделать 4 учебных проекта, пет и еще парочку уже полностью сам. Затем немного ковырял UX всё в той же школе, сейчас беру курс English.

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

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

Месяц я бился с тупняком в стилях! Потом взял подписку и помощь ментора и вуа-ля. Долбанный CSS, теперь понимаю, насколько это нелепо выглядело со стороны, особенно, с моими формулировками типа “Извините, пожалуйста, я не понял” в Слаке моей школы онлайн (да-да, закончил курс Хекслета и тусуюсь там))

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

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

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

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

В целом скажу, что моя учеба в онлайне дала хороший результат. Формат, серьезность, куча заданий и проектов + копеешная по нашим временам подписка на профсообщество,где есть ответы, примеры похожих _реальных_ задач и активная «помощь зала» привели меня к стажировке. В текущих условиях это круто.

Коротко не получилось, но хоть похвастался)))

Теперь на компе развернуто по-взрослому: тыкаюсь виртаулкой в Линуксе, собираю в кучу себе портфолио на будущее и готовлюсь к работе. Продлил доступ с подпиской, чтобы не облажаться на работе, да и повышать уровень нужно постоянно. Это я понял и признаю. Учиться нужно! И английский, конечно, можно и базовый, но лучше качать приличный. Весь софт, полезные материалы, да и StackOverflow на инглише.

Как тут писали, можно и самому овердохрена разобраться, но сколько на это уйдет лет? Велосипед изобретать только первые 5 раз интересно))

Всем желаю успехов и советую не терять время и не стесняться искать помощь.

Показать полностью
[моё] Курсы Верстка Frontend IT Программирование Удаленная работа Обучение Профессия Поиск работы Собеседование Текст
6
SiKey2006
2 года назад

Frontend⁠⁠

все, что браузер может читать, выводить на экран и / или запускать. То есть это HTML, CSS и JavaScript.


HTML (HyperTextMarkupLanguage) — язык разметки документов, на котором создают структуру страницы: заголовки, абзацы, списки и так далее.


CSS (Cascading Style Sheets) — язык для описания и стилизации внешнего вида документа. Благодаря CSS-коду браузер понимает, как именно отображать элементы. Например, CSS задаёт цвета и параметры шрифтов, определяет, как будут располагаться разные блоки сайта. Ещё он позволяет воспроизводить документ в разных видах: для печати (обычной или шрифтом Брайля), вывода на экран или для чтения скринридером.


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


Источник - https://t.me/sikey_itpython_selfdevelopment/7

[моё] IT Frontend HTML CSS Javascript Текст
4
6
Web.Study
Web.Study
2 года назад
Web-технологии

Убираем спагетти-код⁠⁠

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


У такого подхода к программированию есть несколько проблем:


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

• расширять функциональность сложно, так как легко запутаться, какую именно часть кода мы расширяем или оптимизируем;

• читать такой код трудно, потому что один и тот же код встречается много раз.


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

А если всё работает как нужно, значит, настало время переписать код в нормальном виде. Для этого нам понадобится некоторое подобие объекта, но не на основе класса, а созданное вручную.

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

Делаем красивые пуши для вашего сайта в стиле MacOS



Новый тип переменной: объект


У переменной типа «объект» есть одна отличительная особенность: она состоит как бы из двух частей — свойства и значения, и здесь всё то же самое — у объекта меняются только значения свойств. Поясним на примере языка JavaScript.


Сделаем переменную-объект, у которой будет два свойства — имя и возраст:

var person = {
name: "Миша",
age: 35
}

Чтобы поменять имя, нужно написать название переменной и через точку указать название свойства, которое хотим изменить:

person.name = "Илья";
person.age = 31;

Свойств у объекта может быть сколько угодно:

var person = {
name1: "Миша",
name2: "Саша",
name3: "Лена",
age1: 35,
age2: 21,
age3: 19
}

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

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

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



Собираем дубли


Пройдёмся по нашему старому коду из прошлой статьи и соберём все одинаковые переменные, которые отличаются только цифрами:


• List(1,2,3,4)

• Mask(1,2,3,4)

• element_Id_(1,2,3,4)

• number_Id_(1,2,3,4)

Первые две переменные задают ссылку на объект и маску для сравнения элементов, а вторые две отвечают за количество задач в колонках.


Свернём эти 16 переменных в один большой объект:

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

Теперь, зная только номер колонки, мы можем обратиться к объекту, маске и количеству задач в колонке. Сначала это может показаться громоздким, но на самом деле сокращает наш финальный объём программы в 4 раза.


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



Используем цикл


Циклы применяют в тех случаях, когда спагетти-код по очереди используется несколько раз, где отличаются только порядковые номера элементов. В нашем случае это функция showTasks (). Она берёт по очереди все элементы из локального хранилища и по очереди же сравнивает их с шаблоном — для первой, второй, третьей или чётвёртой колонки. Единственное, чем отличаются фрагменты — маской и колонкой, куда их отправлять:

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

Сделаем то же самое в цикле, используя нашу большую переменную-объект. Для этого мы организуем цикл от 0 до 3 (потому что нумерация элементов массива начинается с нуля) и по очереди проверяем все значения:

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

Код сократился в 4 раза, читать стало проще, и всё меняется в одном месте. Красота.



Делаем отдельную функцию


У нас есть вот такой огромный кусок кода, который делает одно и то же, только с разными элементами.

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост
Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

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

Убираем спагетти-код IT, Программист, Программирование, Frontend, Javascript, Длиннопост

Что дальше


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


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

2. У нас остались 4 обработчика нажатий, которые делают одинаковые вещи — вызывают одну и ту же функцию с разными параметрами.

Оба фрагмента можно оптимизировать, например, с помощью jQuery.


Попробуйте сделать это сами, пока это не сделали мы

Показать полностью 8
[моё] IT Программист Программирование Frontend Javascript Длиннопост
11
Web.Study
Web.Study
2 года назад

Она, наверное, сениор⁠⁠

Она, наверное, сениор IT, Программирование, Web-программирование, Программист, IT юмор, Web, Веб-разработка, Frontend
Показать полностью 1
[моё] IT Программирование Web-программирование Программист IT юмор Web Веб-разработка Frontend
8
37
Web.Study
Web.Study
2 года назад
Web-технологии

9 признаков плохой вакансии в ИТ⁠⁠

Пост для тех, кто читает вакансии в ИТ-компаниях и думает, что там всё классно.


Иногда уже по тексту вакансии можно понять, что работать в компании будет сложно. Мы просмотрели разные вакансии в ИТ и собрали 9 признаков того, что в реальности всё окажется хуже, чем в объявлении.

9 признаков плохой вакансии в ИТ IT, Программист, Программирование, Вакансии, Web, Веб-разработка, Frontend, Web-программирование, Работа, Длиннопост

Читайте нас в телеге, ибо там выходит контент ежедневно (не как тут) и вы сможете устроиться на вакансию мечты, обретя силу фронтенда.



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


1. Слишком странный набор навыков

В компанию требуется JavaScript-разработчик со следующими навыками:

• JavaScript + HTML;
• знание Microsoft Excel;
• составление отчётов в 1С;
• уверенное владение системой автоматизации СДЖУ-85.

Что здесь не так: кажется, что эта вакансия составлена под конкретного человека, чтобы он прошёл, а остальные — нет. В жизни у обычных разработчиков не встречается такой каши из специфичных навыков из разных областей.


Ещё есть поверие: если в вакансии написано «1С», то это будет то, с чем вы будете возиться 90% времени.


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



2. Участие в техподдержке


Ваши рабочие задачи:

• написание и отладка кода;
• разработка новых систем;
• помощь при работе с клиентами, иногда — ответы на вопросы пользователей.


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


Как норм: поддержкой занимается поддержка.



3. Высокий темп разработки


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

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


Как норм: у компании должен быть этап тестирования, обязательные требования по документированию своего софта, а в идеале ещё и код-ревью — когда старшие товарищи проверяют ваш код.



4. Десятилетний стартап


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

Что здесь не так: если стартапу больше трёх лет и он всё ещё стартап, то с продуктом явно что-то не то: либо нет клиентов, либо нет квалифицированных разработчиков, либо ребята не знают значения слова «стартап». В любом случае за это время там накопится технический долг, на разгребание которого понадобится ещё 10 лет. Хотите ли вы в таком участвовать — хорошо бы решить заранее.


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



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


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

Что здесь не так: ну как можно навязывать работникам досуговые мероприятия? Это просто неприлично.



6. Горизонтальное управление, никакой иерархии, решает команда


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

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


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



7. Руководитель лично вовлечён


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


Как норм: «вы будете работать в команде такой-то над такими-то задачами».



8. Оперативные ответы в любое время


Будущий сотрудник должен:

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


Что здесь не так: подобное описание означает, что вас будут дёргать днём и ночью по любому поводу. Ночные переработки, работа в выходные и на праздники, внезапно закончившийся отпуск — всё это скрывается за простыми словами «нам важно, чтобы сотрудник был всегда на связи».


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



9. Несоответствие опыта и развития отрасли


Мы — стартап в области нейрогенеративного искусства, занимаемся созданием видеороликов на основе нейросетей по текстовому описанию. Нам нужен Python-разработчик с пятилетним опытом работы в этой теме.

Что здесь не так: пять лет назад не было популярных разработок в области генерации видео из текста, поэтому у любого разработчика просто не будет такого опыта. Судя по описанию, компания не разбирается в технологиях и им нужен тот, кто всё объяснит либо сделает за них с нуля всю работу.



Это не панацея


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


Часто нормальные внешне вакансии ведут в проклятые компании, и никак, кроме как по отзывам, ты это не узнаешь (или на личном опыте).


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


Как это всё научиться отлавливать? Достоверно не знаем. Но с опытом становится легче.

Показать полностью 1
[моё] IT Программист Программирование Вакансии Web Веб-разработка Frontend Web-программирование Работа Длиннопост
5
rgevskij
2 года назад

Мейл ру, подумайте⁠⁠

Давайте всё писать через на. Че только RU, на.

Мейл ру, подумайте Mail ru, AliExpress, IT, Frontend

А можно было бы и город целиком писать, или вы только на "Москва" тестите. Ну стыд а не приложение.
! В сообщество ПоклонникиМейлРу не забирать

Mail ru AliExpress IT Frontend
8
21
Web.Study
Web.Study
2 года назад
Web-технологии

Новое CSS свойство accent-color. Как избавиться от проблем со стилизацией чекбоксов, радио-кнопок и прочих элементов⁠⁠

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


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

Поскольку свойство наследуемое, его можно применить на корневом уровне:


Пример:

:root {
accent-color: chocolate;
}

Так же можем применить к конкретному элементу:

.submit-form {
accent-color: purple;
}
input[type="checkbox"] {
accent-color: #6ad3ff;
}

❗️ Ну и вишенка на торт. Согласно ресурсу caniuse свойство уже поддерживается всеми основными браузерами.



Наш канал, с полезными мануалами и статьями, мастхэв сервисами и готовыми решения на CSS, Javascript

Показать полностью
Программирование IT Программист Новичок Web-программирование Web Frontend Текст
2
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии