Создание анимированной формы поиска, используя HTML, CSS и JavaScript
Приветствую. В этом видео показа анимированная форма поиска, а так же процесс ее создания.
Исходный код можно пощупать по ссылке: https://jsfiddle.net/fwku8ptv/
Приветствую. В этом видео показа анимированная форма поиска, а так же процесс ее создания.
Исходный код можно пощупать по ссылке: https://jsfiddle.net/fwku8ptv/
Приветствую. В этом видео показа демонстрация кнопки "Поделиться", а так же процесс ее создания.
Исходный код можно пощупать по ссылке: https://jsfiddle.net/2pvheqwx/
Хэллоу Ворлд, как говорится. Я учел комментарии своей прошлой публикации, хочу сказать, что мне приятно получать уже на начальном этапе фидбек от людей. В этом видео я сделал не сложный элемент блика при наведении на кнопку. Открыт к любой критике, пишите. Хорошего дня ✌️
Поиграться можно по ссылке: https://jsfiddle.net/wc2oeapv/
Привет пикабушники, возможно кто-то и из разработчиков найдется. Можете судить по полной. Начал вести свой небольшой канал по разработке тех или иных элементов, которые встречались на моем пути Web разработчика. Все видео на канале оснащены исходным кодом, так что, если кто-то интересуется разработкой, прошу жаловать)
добрый день, хотелось бы получить оценку и мнение по поводу тестового задания(особенно по времени выполнения) на позицию frontend джуна с зп 30к
само тестовое:
Ориентировочное время выполнения 4-8 часов
Разработать SPA приложение по заданию ниже.
В качестве фреймворка предпочтительнее использовать vue.js. Но также рассматриваем кандидатов с выполненным заданием на react или angular.
В качестве сборщика предпочтительнее использовать Webpack.
--- ПРИЛОЖЕНИЕ и ЯДРО ---
Разработать родительское приложение, которое послужит контейнером для подключения дочерних блоков с бизнес-логикой.
В состав контейнера должны войти хидер с меню из двух страниц и область для загрузки контента под каждую страницу (блоков).
Контент дочерних блоков должен подгружаться динамически с отложенной загрузкой (отдельным бандлом).
Далее необходимо разработать мини-ядро, которое будет грузиться вместе с родительским приложенияем и иметь api для загрузки дополнительных плагинов. Ядро должно быть доступно из кода каждой страницы родительского приложения.
Первым плагином ядра является плагин, реализующий паттерн шина данных. Он реализует в себе глобальную на уровне приложения шину данных. Каждый компонент системы может писать в нее события или читать их из нее (посредством подписки).
Вторым плагином ядра будет плагин, реализующий SDK для взимодействия с биржей binance (только 2 метода: получить биржевой стакан по определенному символу по REST и подписаться на обновления стакана по WS). (См. раздел Diff. Depth Stream в документации: https://github.com/binance-exchange/binance-official-api-doc...).
--- GUI КОМПОНЕНТЫ ---
В приложении на первой странице расположить компонент, который при помощи плагина ядра "SDK" забирает состояние стакана по определенному символу с биржи binance (можно применить limit=500, чтобы не тянуть стакан на всю глубину), подключается на обновления данных по ws для этого символа (по умолчанию берется по BTCUSDT) и отрисовывает стакан в подобном формате
|----------|----------|----------||----------|----------|----------|
|--Amount--|--Price---|--Total---||--Amount--|--Price---|--Total---|
|----------|----------|----------||----------|----------|----------|
| ... | ... | ... || ... | ... | ... |
Где левые три колонки относятся к ордерам тиба Bid, правые к ордерам типа Ask.
Price и Amount (Quantity) получаются из binance. Total рассчитывается на клиенте как Price * Amount.
Для верстки желательно использовать правила именования по БЭМу.
Цвета и отступы можно использовать на свой вкус.
Верстка должа быть резиновая и адаптивная для мобилки и десктопа. Breakpoint можно выбрать самостоятельно.
В мобильной версии отображать только колонки с Price и Amount.
Таблица должна помещаться по вертикали на странице (без скрола на страница) и должна содержать свой скрол-бар.
Скролл в таблице должен появляться по ховеру на таблицу, сама таблица и ее контент должны оставаться на месте при этом.
Внешний вид скроллбара не принципиален. Таблица скроллится внутри, шапка остаётся на месте.
Полоса скролл бара начинается под шапкой. При скролле значения в таблице не должны наезжать на шапку.
Компонент должен уметь:
* читать сообщение об изменении читаемого символа из плагина "шина данных". При изменении символа компонент должен очищать свое содержимое по предыдущему символу и загрузить данные по новому.
* транслировать в шину данных в виде сообщений все примененные diff-изменения.
На второй странице расположить компонент, сожержащий в себе:
* DropDown перечнем символов. Их можно зашить статически BTCUSDT, BNBBTC и ETHBTC
* Cписочный элемент
DropDown при изменении выбранного элемента отправляет в шину данных событие об изменении активного символа.
Cписочный элемент читает шину данных и отображает информацию о каждом diff-изменении в новой строке.
Дополнительное задание (если успеваете):
* Релизовать SSR для приложения
Всё, что покажется в задании непонятным или неоднозначным к трактовке, делайте на свое усмотрение, соблюдая здоровый рационализм.
Главное - это общий полученный результат. Если возникнет непреодолимое по вашему мнению препятствие, пиши свой(и) вопрос(ы) нам. По завершении нам нужна ссылка выложенного тестового на GitHub Pages и ссылка на код.
Цель — Senior Frontend Developer.
Язык: JavaScript / TypeScript.
Возраст: 29 лет.
Работа (настоящее время): Middle Frontend Developer в компании "Open Solutions".
Локация: г. Санкт-Петербург.
Привет всем! Знаю, что большинство из вас ждали другое настроение поста и в целом другой исход всего проекта, но раз уже я договорился с вами быть честным, то буду таким до конца.
Прошло 1,5 года со дня как я принял решение стать Senior Frontend Developer.
Как вы помните из предыдущего поста, я устроился разработчиком уровня миддл в компанию Open Solutions. Да, я прыгнул чуть выше головы, но надеялся наверстать в процессе работы и поначалу это удавалось. Участвовал на не самом простом проекте и последние дни я перестал справляться с задачами должным образом, а если сказать еще точнее, то вообще с трудом решал задачи. На меня начал жаловаться заказчик, а потом и ПМ.
Созвонились, обсудили с ПМ решение моих проблем и договорились до конца недели поглядеть, как у меня пойдет работа и смогу ли я исправить ситуацию. На следующий день я было собрался с силами, и хоть в мыслях уже смотрел на программирование как умерший смотрит на свое тело, но все равно решил не отступать. Но внезапно на утро я проснулся со странными симптомами: кашель, температура и т.д.
На работу не вышел, симптомы становились отчетливей. Стало трудно дышать и т.д. В легких стоял такой хрип и свист, что было не смешно. Начал лечение. На работе объяснил, что болею, но походу мою болезнь там приняли не радужно(оно и понятно, проект зафакапил, а тут еще и заболел) и через три дня болезни мне написал отдел кадров и сказал, что меня уволили из-за моих косяков и несоответствия уровня подготовки заявленной позиции. Ну это объективно, чего уж тут говорить.
Ну уволил, уволили, мне было все равно, у меня была проблема серьезней - болезнь. Не буду долго тянуть с историей болезни. Через пару дней мне стало очень трудно дышать и меня увезла скорая в ковидную больницу в Лен. область. Диагноз: инфекционный бронхиолит. Всю неделю я провалялся там, тесты на ковид по итогу все отрицательные и меня выписали. Потихоньку восстановился, сейчас легкие пришли в норму.
Я охладел к программированию или как принято говорить перегорел. Поэтому, работая последние дни над проектом в Open Solutions у меня отчетливо начали возникать мысли о том, чтобы начать движение в плоскость QA или в плоскость ПМ. И параллельно всегда меня преследовали мысли о создании своего дела. Что уж тут скрывать, да и писал об этом ранее.
Но вернемся в день, когда мне сообщили пренеприятнейшую новость о том, что увольняют. Через 1 час после этого известия, мне пишет мой руководитель(учитель) из компании Корус, который нас обучал программированию и предлагает работу в его проекте. Вот жеж удивительный мир! Программирование не отпускает. Он набирает команду на новый проект и хотел бы меня видеть в ней. Позже я понял, что он из Коруса ушел в другую компанию руководителем отдела IT и набирает себе несколько человек в команду.
Думаю: Тут позиция джуна, прокачаться смогу, не будет давления жесткого и т.д. Да и по зарплате я не особо теряю в принципе. Поэтому я согласился. И после этого меня увезли в больницу.
Через неделю я вышел из больницы, оформился и вышел на работу. В принципе всё отлично, хоть любви к программированию у меня не прибавилось, но было терпимее и атмосфера в коллективе была адекватной. Но был жирный минус, из-за которого я отказался от сотрудничества: На дорогу до офиса у меня в день уходило 4 часа. Два в одну сторону, два обратно. Удаленка не рассматривалась, компания военная и т.д. В общем, никак вообще. А я, познавший все прелести удаленной работы за последний год, не простил бы себе траты 4 часа в день в пустую. Да и другие мои проекты горели, не успевал над ними работать, поэтому я отработал один день и отказался от сотрудничества. Мне понимающе пожали руку и мы разошлись.
Итак. Мы подошли к сегодняшнему дню. На данный момент я рассматриваю варианты удаленной работы в качестве ПМ'a, QA или верстальщика. Да, это походу тот редкий случай, когда переходят не из QA в программирование, а наоборот. Но скорее все-таки ПМ(если найду вариант, так как без опыта почти не рассматривают). Управление, организация и т.д. мне ближе и опыт есть в не IT-шной сфере и с учетом моих дальнейших планов, намного перспективнее в развитии.
Есть что рассказать о программировании, поделиться мыслями. Так как вангую советы: Найти себе проект по плечам и будет порядок, не прыгай выше головы. Нет, не хочу писать код, не хочу разбираться в хитросплетениях кода, не хочу ломать голову, нет желания копаться в десятках библиотек, фрэймворках и всей этой мишуре. Всё. Я, конечно, часто ловил себя на этих мыслях, но не хотел сдаваться, не хотел подвести самого себя. Но сейчас у меня есть куда двигаться и мое поражение я рассматриваю как ступень вверх, а не вниз. Да и навыки я полезные приобрел, много всего узнал и стал образованнее.
И как вы понимаете, свято место ( в мыслях и поступках тоже) пусто не бывает. Последние пол года я параллельно осваивал другую плоскость, абсолютно не связанную с IT. Что за плоскость пока раскрывать не буду, но скажу, что мне это очень нравится, поэтому я начал открытие своего маленького дела, своей компании по производству ***. Всю жизнь хотел заняться бизнесом, но как-то собраться не мог и не мог определиться с видом бизнеса. И хоть в этой области нет столько денег как в IT, но этим заниматься я хочу и думаю, что это принесет свои плоды и своих клиентов я найду. И да, сайт сделаю себе сам, профит!(ахах).
Конечно, с учетом финансовых обязательств, я не могу сразу переключиться на это дело и нигде не работать. Поэтому сейчас рассматриваю варианты удаленной работы либо в QA, либо в ПМ, либо верстаком. Как минимум на полгода ищу работу, как максимум - год. Кстати от верстки у меня отторжения нет, да и она проще сама по себе и будут оставаться силы на свое дело после работы. Поэтому, если у кого есть предложения - пишите на почту, что указана в профиле, буду благодарен.
Следующий пост будет через полгода. И этот пост будет посвящен моему нового увлечению и моему первому бизнесу. Думаю к тому времени мне уже будет что показать. Поэтому можете отписываться, мне всё равно, но кто хочет - оставайтесь. Будет еще интереснее и возможно вдохновит кого-нибудь еще на что-то подобное.
Выводы сделаны, решение принято. Всем спасибо за поддержку и критику, спасибо тем, кто читал меня эти стремительно пролетевшие 1,5 года.
почта: owiii.dev@gmail.com
телега: @artem_owiii
Всем привет!
Ребят, а нужен ли канал, где программист будет рассказывать, как он за два года дорос от junior уровня до senior? И всё это на работах с удаленным форматом. Может, уже есть такие интересные каналы? Начинающим программистам интересно было бы почитать.
Путь познается в тренировках(принцип из книги земли Миямото Мусаси).
Цель — Senior Frontend Developer.
Язык: JavaScript / TypeScript.
Возраст: 29 лет.
Работа (настоящее время): Middle Frontend Developer в компании "Open Solutions".
Локация: г. Санкт-Петербург.
Привет! Как у тебя дела? Сколько всего достойного и полезного сделал за последний месяц?
Вот пролетело уже почти два месяца, как я разрабатываю интерфейсы в компании "Open Solutions". Что могу сказать? Могу сказать, что этот месяц был крайне трудным, я столкнулся и с плохим менеджментом на одном проекте и с крайне сложно замудренной архитектурой другого проекта, где столько запихали абстракций и оберток на обертке, что по началу вообще непонятно, что куда и откуда передается и зачем. Сейчас уже потихоньку начинаю втягиваться.
Что я изучил, либо начал изучать в последний месяц:
1. Курс по Node.JS(20% прошел);
2. Курс по devOps(20% прошел);
3. Книга Властон Феррейра Фило - "Теоретический минимум по Computer Science".(хех, да, да, да);
4. Начал осваивать создание ботов в телеге. Есть идея для себя бота сделать определенного;
5. Время от времени верстаю какие-нибудь формочки, карточки по гайдам с ютуба. Чтобы не забыть верстку и узнать что-то новое.
Да, как вы заметили, я ощутил острую нехватку знания систем по деплою, тестированию и интеграции. А то я пишу код, а что дальше с ним происходит - загадка. Как в черную дыру проваливается. Вот, решил подтянуть этот момент и освоить основы девопс.
Второй момент - это минимальные знания бэкенда. Необходимость возникла в ходе изучения SSR и Next.js.
Времени на изучения дополнительного материала практически нет, есть другие проекты помимо программирования, но все равно стараюсь развиваться, хоть медленными шагами. При работе на проекте, само собой развиваешься, но некоторых навыков не хватает. Мне кажется это вечная война с самим собой и своим невежеством.
Иногда возникают мысли уйти в менеджмент, да, да, прям серьезно. Стать ПМ'ом. Особенно, когда сталкиваешься с плохим менеджментом, в котором страдают разработчики. Не считаю себя мастером, но более 7 лет посвятил так или иначе работе с клиентами и тех. специалистами, такими как дизайнеры и д.р. поэтому сразу вижу пробелы. Да и навыки ПМ будут полезны в будущем, если я все таки дойду до стадии организации своей команды и буду работать на себя.
И всё-таки работать с людьми мне больше нравится, чем писать код. Да, это суровая правда. Для меня написание кода никогда не станет любовью или делом жизни, можно сказать, что это некий челендж, вызов самому себе. Но, рано или поздно он закончится и настанет новый этап и новые вызовы.
Всем результативного месяца!
П.С. Желающие начать тренировки по воинскому искусству в г. Санкт-Петербург - пишите. Эти навыки никогда не будут лишними в жизни.
Я на связи:
почта: owiii.dev@gmail.com
телега: @artem_owiii