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

История одной фермы - маджонг

Маджонг, Казуальные, Приключения

Играть

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

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

Frontend + Web-программирование

С этим тегом используют

IT Программирование Javascript IT юмор Веб-разработка Web Программист HTML Все
92 поста сначала свежее
1
yaboroda
yaboroda
4 года назад
Web-технологии

Вопрос к знатокам фронтенда (чисто из любопытства)⁠⁠

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


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

Web-программирование Frontend Вопрос Pikaweb Текст
7
10
hidex
hidex
4 года назад
Web-технологии

No pain, no gain: Вайтишник который смог ч.2⁠⁠

No pain, no gain: Вайтишник который смог ч.2 Frontend, Карьера, Программирование, IT, Web, Web-программирование, Длиннопост

Цель: Midde Frontend Developer

Срок: Июль

Обо мне:  20 лет, студент 3 курса

Работа: Junior Frontend Developer в компании "ZenCode".


«Ум, растянутый новым опытом, никогда не сможет вернуться к своим прежним размерам». – Оливер Уэнделл Холмс

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

Глава 5. Тестовое задание
Тестовым заданием оказалось приложение на vue под готовый бэкенд на питоне. Обычное todo с 3мя страницами: авторизация, создание todo айтема, список готовых айтемов с возможностью удаления/редактирования, отметки "избранное". Так как я до этого не работал с vue и нужно было установить ubuntu для развертки бека - дали пару дней на то чтобы поковыряться во всем этом. Самой сложной частью оказалась развертка бека, тк там не хватало одного файла и плюс я не туда воткнул конфиг. В итоге приложение было написано (его можете посмотреть у меня на гите: https://github.com/H1dEx/sobes-vue-app). Потом было довольно долгое ожидание фидбека. Сначала ссылались на то, что из-за короны высокая нагрузка/нельзя попасть в офис и тд. В итоге недели через 2 - указали на основные недочеты: нет четкого кодстайла - то есть точки с запятыми, то нет;  используются и promise и async await а не что-то одно, и еще советы по разбиению стора, но так как мой первый опыт во вью - сказали, что круто. И все. Принят или нет - никакой инфы. В итоге получил ответ, что пока нет проектов, и меня возьмут только когда будет новый проект, а это, по словам, 3-4 месяца. Зачем меня позвали на собес сейчас, если нанимать не планировали - не понятно. В итоге я написал, что готов пойти на стажировку в другую команду, но мне сказали, что, пока я метался, появились еще кандидаты и нужно будет пройти еще один собес. Так как до него было еще недели 2 я начал проходить 2й курс "Пути самурая", что мне в последствии послужило плюсом.

Глава 6. Второй собес
Началось все не лучшим образом, собеседование должно было начаться в 10 часов, а встал я, как сейчас помню, в 10:02, в телеге мне уже написали, что меня ждут. Я объяснил ситуацию, извинился и сказал, что буду через 10 минут, если мне дадут такую возможность. В итоге мне пошли на встречу, я заказал такси, наспех собрался и, добрался как обещал. Оказалось, что я не тот человек, которого можно разбудить и он ответит тебе на все вопросы. Я сидел не проснувшийся и еле мог связать 2 слова, меня спасло то, что я уже довольно неплохо прошел первый собес, сдал тестовое + посмотрели мой гитхаб и отметили что я начал использовать typescript (ну и то, что я использую git соответственно). В итоге, практически без каких-либо вопросов мне сказали что я принят на стажировку.

Глава 7. Стажировка
Не знаю, стоит ли мне рассказывать про проекты, которые я делал на стажировке. Возможно это будет полезно для тех, кто начинет с 0 или кто хочет узнать, что его может ожидать на стажировке. Если будет положительный отклик - залью исходники к себе на гитхаб и перескажу тз насколько помню - может кому пригодится в качестве практики. Если в кратце, то это был мой первый опыт работы с нодой. Нужно было написать телеграм бота напрямую через api телеграмма, без использования готовых библиотек для этого. Потом написать небольшой сервер на ноде, который будет записывать данные, полученные ботом в бд, и генерировать простенький сайт с помощью шаблонизатора и отравлять его пользователю. Дальше уже были усложнения, в виде добавления AJAX, пагинации на скролл, и закончилось на создании webpack конфига для react-typescript приложения (это было не приятно), и переноса всего функционала сайта на react.


Теперь подробнее про материалы, которые мне посоветовали. Сказали пройти задания Flexbox Froggy (который уже несколько раз до этого проходил, поэтому заняло пару минут), learngitbranching (который  я уже видел, но так и не проходил до конца). Кстати, советую пройти его раза 2-3, вчитываясь в теорию, потом полюбому пригодится. Задали прочитать цикл книг You don`t know js (рус, eng) желательно на инглише, тк большинство документации с которой в дальнейшем столкнетесь - на нем. Скажу по себе, я купил однажды книгу по js, но так и не прочитал даже половину, поэтому это первая книга (не считая learnjs), которую я прочитал. Мне посоветовал ее опытный чел, поэтому не вижу причин, чтобы ее не рекомендовать. Мне лично она показалась довольно глубокой, хотя мне не с чем сравнивать, поэтому доверюсь чужому опыту.

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

Если заинтересовал стажерский проект - дайте знать, поищу исходники, попробую восстановить тз. Кстати, буду рад подписке на гитхаб) Всем удачи!

Показать полностью
[моё] Frontend Карьера Программирование IT Web Web-программирование Длиннопост
10
15
hidex
hidex
4 года назад
Web-технологии

No pain, no gain: Вайтишник который смог ч.1⁠⁠

No pain, no gain: Вайтишник который смог ч.1 Frontend, Javascript, Web, Программирование, Web-программирование, Длиннопост

Цель: Junior Frontend Developer Midde Frontend Developer

Срок: Апрель Июль

Обо мне: Студент 3 курса, 20 лет

Работа: Junior Frontend Developer в компании "ZenCode".

Я бежал потому что надо было бежать. Я не думал о том, куда это меня приведёт.
фильм "Форест Гамп"
Привет всем! Не уверен, что кто-то, вообще, ожидал нового поста, так как их не было почти год. Статьи, как заметили в комментариях, начали скатываться в "мой дневничок...", а это не то, чем хотелось заниматься) Недавно зашел на pikabu, чтобы проверить как идут дела у @OWIII, так как в начале меня сильно мотивировал его блог, но последний пост что-то не порадовал, хотя каждому свое. Этот пост нацелен в основном на вайтишников, хотелось бы поделится позитивным опытом, и в целом, теми знаниями, которые мне бы самому не помешали на момент изучения.

Глава 1. Коронавирус
Для моего трудоустройства это был ключевой момент, когда объявили первые 2 недели каникул в вузах - я понял, что это идеальный момент для того, чтобы полноценно взяться за ReactJS. Карантин оказался идеальным временем чтобы запереться дома и просто ботать, к тому же мне очень повезло найти в youtube отличный курс по React + Redux Путь Самурая. Сейчас он, возможно, будет немного староват, так как там в основном используются классовые компоненты, хуки появились только в последних видосах, но вам все равно придется столкнуться с классовыми компонентами, а самые модные штуки по типу функциональных компонентов и Typescript - есть во втором сезоне. Осилил я первый сезон чуть больше чем за месяц, после чего автор канала советовал не смотреть второй сезон пока не устроишься на работу.

Глава 2. Поиск работы
Посмотрев видео собеседований frontend разработчиков я отметил для себя основной пул вопросов и ответов на них (как всегда learn.javascript.ru очень выручил), я выложил резюме на hh. Знакомых в кругах it у меня на тот момент не было, поэтому мне никто не сказал, что это не лучший выбор. Недавно узнал, что нужно использовать linkedIn и ХабрКарьеру. Но на тот момент я знал только про hh. Выложив резюме со спокойной душой пошел закрывать гору долгов по вузу, которая накопилась пока я разбирался с программированием. Я рассчитывал, что если не найду работу до нового учебного года - пойду дальше в вуз и скрою анкету.

Глава 3. Итоги резюме
Из откликов была предложена только 1 вакансия и та по 1С. Я уже планировал закрывать резюме буквально на следующей неделе, как мне написали в телегу, что хотят пригласить на собеседование. Должен сказать, что живу не в самом провинциальном городе (Пенза), поэтому вакансию найти очень даже возможно. Те же ребята из open solutions, которые есть много где, постоянно набирают людей (не работал там, поэтому не могу сказать ничего о них). Из советов могу повторить, что использовать hh конечно круто, но так же нужно ОБЯЗАТЕЛЬНО разместить резюме в linkedIn и Хабр карьере (не повторяйте моих ошибок).

Глава 4. Собеседование
Совру, если скажу что не волновался перед первым собесом, но когда он уже начался - все пошло как по маслу, ответил, насколько я помню, на все, только про БЭМ - ответил что знаю что это такое и зачем используется, но сам не применял. Вопросов про react и по html/css не было, онли js. По итогу предложили 2 варианта, написать тестовое в один отдел и пойти на джуна, либо еще один собес на стажера. Из минусов - первое предложение на vue, и соответственно нужно было написать тестовое задание на vue, во втором - react.

Продолжение во второй части...

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

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

Всем удачи/
Показать полностью
[моё] Frontend Javascript Web Программирование Web-программирование Длиннопост
25
18
pukhryk
4 года назад
Web-технологии

Вместе веселее⁠⁠

Недавно начал осваивать фронтенд, прошел по основам html, CSS . Сейчас учу js и поймал стопор на определенном этапе, если кому интересно, из тех кто недавно начал учить frontend откликнитесь. Вместе проще осваивать и поддерживать друг друга морально. Буду рад общаться и делиться интервалами и тем , что сам освоил.

[моё] Frontend Программирование Javascript Фриланс Учеба и работа Учеба Web-программирование Web Веб-разработка Текст
48
Uradobri
4 года назад

Очередной путь недопрограммиста №1⁠⁠

Очередной путь недопрограммиста №1 Web-программирование, Javascript, Frontend, Длиннопост

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

Собственно я уже врывался со своим телефонным справочником и пожалуй в этом посте будет только "рефлексия".


В общем на работе творится треш, начальник не дает закончить ни один проект, постоянно откладывает и дает новые. Причем область знаний у проектов раскидывается так, что непонятно кем я вообще являюсь, то на чистом js приходится писать, то на jq говнокодить, то на wp сайт поднимать, то писать что-то на node.js или php. В этот список само собой втискивается верстка и каким то боком работа сис.админов, техников и операторов. Зп конечно не самая маленькая, но условия приводят к тому, что я просто выгораю, это я еще не говорю про условия на рабочем месте(из серии тараканов живущих в микроволновке). При этом стало понятно, что с уровня начинающего программиста, в таких условиях я буду выбираться долго т.к элементарно на работу(дорога туда обратно + сама работа) у меня уходит по 11-12 часов, из которых 8 часов я могу заниматься вообще не разработкой, а например переустановкой компов(как говорит начальство, мы должны друг друга заменять)


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


Посмотрев на свои проекты типа справочника, я осознал что уровень моего скила не подходит под Junior разработчика, по этому было решено начать все с нуля в области frontend, при этом с замашкой на full stack.


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


Начну с курсов.

Я покупал интенсив 1 лвла верстки на htmlacademy. Брал я его правда больше для того, что бы прикрыть свои небольшие пробелы т.к у меня знания подобного уровня уже были. В общем конкретно по этому интенсиву, зп(30к) которую вам показывают и обещают на продающей странице этого "курса" - вы не увидите. Знания которые там дают никому не нужны, все чему вас научат, это верстать 2 страницы не самых сложных и то без адаптивной верстки и сложных анимаций. Как база эти знания пойдут, но платить вам за них никто не будет. Для себя я сделал вывод, что все подобные курсы можно качать без зазрения совести т.к единственный их смысл это наставники, мне попалась девочка-наставник и надо отдать должное - она шикарна, очень терпеливо отнеслась, там где нужно давала полезные советы, даже пнула пару раз, что бы я не потерял дедлайн. По поводу сертификата - его дают, но как мне сказал мой товарищ(backend разработчик с 5 летним стажем) - ни разу на собеседованиях ему не помогли сертификаты(вообще хотел бы услышать от пикабушников советы по курсам).

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


По поводу литературы, я не понимаю почему OWIII включил в список своей литературы - пустышки. Я понимаю путь у каждого свой но зачем распылятся на литературу которая не несет практического применения.  Например я как и он прочитал "Путь программиста" и скажу так, с точки зрения продуктивности и роста в программировании это самая бесполезная трата времени, ничему практическому вы там не научитесь, а советы из серии "Нужно отдыхать, что бы не выгорать на работе" и так я думаю всем понятны. Так же я не понимаю почему OWIII подошел к вопросу изучение с такой строгостью(мне кажется он по этому и выгорел), зачем вгонять себя в ограничения?


Сам я смотрел уроки, читал статьи и особо не трогал книжки. Прочитал по программированию 2 книги.

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

2)Прочитал Javascript для детей. Ник Морган. Книга полезная, не то что бы я все запомнил(особенно конец с рисованием и играми) т.к не подкрепил практикой, но базу она дает хорошо. Если вы полный 0 в js то можно почитать.

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


На данный момент было принято решение изучать js, react и потихоньку поглядывать на php(но в качестве back может выберу что-то другое). Во всех приведенных языках я имею хоть небольшой опыт, по этому будет не так сложно, скорее наоборот, сейчас я понимаю как лучше изучать вопрос. По поводу jquery, насколько я понял он сейчас мало того, что не в моде, так еще и по лицу ссаными тряпками получить можно, по этому изучать его я не буду, базовые знания работы с ним есть, в целом если нужно, подтянуть jq очень легко.


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


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


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


В общем итог, в программировании я полный 0 и нужно это исправлять. На горизонте до следующего отчета - подобрать книгу по чистому js и прочитать ее, пройти весь тренажер у академии, начать подбирать хорошие курсы, сделать свой проект(глупый и бесполезный). Сделать несколько простых математических приложений с задачками 1 класс на js, в будущем переходить на другие классы, для его? Все просто, для развития логического мышления.


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

Показать полностью 1
[моё] Web-программирование Javascript Frontend Длиннопост
17
9
frontru
frontru
4 года назад

Создание шестиугольника с помощью HTML и CSS⁠⁠

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


Потрогать код можно по ссылке: https://jsfiddle.net/dgL53qec/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
1
frontru
frontru
4 года назад

Создание 6-ти конечной звезды с помощью HTML и CSS⁠⁠

Вечер добрый, в видео показал демонстрацию выполненной работы, а так же процесс ее создания. Несложное создание 6-ти конечной звезды, выполненное на чистом CSS.


Потрогать код можно по ссылке: https://jsfiddle.net/Lucxgtsq/

[моё] Frontend Javascript IT Web Программирование Веб-разработка Верстка HTML Web-программирование CSS Pikaweb Учеба Видео
14
Партнёрский материал Реклама
specials
specials

Только каждый третий пикабушник доходит до конца⁠⁠

А сможете ли вы уложить теплый пол, как супермонтажник?

Проверить

Ремонт Теплый пол Текст
6
frontru
frontru
4 года назад

Создание 5-ти конечной звезды с помощью HTML и CSS⁠⁠

Добрый день, в этом видео показал демонстрацию выполненной работы, а так же процесс ее создания. Несложное создание 5-ти конечной звезды, выполненное на чистом CSS.


Потрогать код можно по ссылке: https://jsfiddle.net/61jurkqe/

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