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

Пикаджамп

Аркады, Казуальные, На ловкость

Играть

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

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

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

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

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

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

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

Frontend + Web

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

IT Программирование Javascript IT юмор Веб-разработка Программист Web-программирование Сайт Дизайн Все
122 поста сначала свежее
12
frontru
frontru
4 года назад

Создание анимированной формы поиска, используя HTML, CSS и JavaScript⁠⁠

Приветствую. В этом видео показа анимированная форма поиска, а так же процесс ее создания.


Исходный код можно пощупать по ссылке: https://jsfiddle.net/fwku8ptv/

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

Создание анимированной кнопки "Поделиться" используя html и css⁠⁠

Приветствую. В этом видео показа демонстрация кнопки "Поделиться", а так же процесс ее создания.


Исходный код можно пощупать по ссылке: https://jsfiddle.net/2pvheqwx/

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

[Гайд] Как сделать анимацию блика на кнопку используя html и css⁠⁠

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

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

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

[Гайд] Как сделать красивую анимированную загрузку используя HTML и CSS⁠⁠

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

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

Тестовое задание frontend⁠⁠

добрый день, хотелось бы получить оценку и мнение по поводу тестового задания(особенно по времени выполнения) на позицию 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 и ссылка на код.

Показать полностью
Frontend Тест Javascript Работа Web Web-программирование Junior Техническое задание Pikaweb Текст
32
50
STINGRAY.DEVELOP
STINGRAY.DEVELOP
4 года назад

Во все тяжкие: Веб-разработчик с нуля. 1,5 года. ПРОЕКТ ЗАКРЫТ⁠⁠

Во все тяжкие: Веб-разработчик с нуля. 1,5 года. ПРОЕКТ ЗАКРЫТ IT, Программирование, Карьера, Javascript, Веб-разработка, Frontend, Web, Длиннопост

Цель — 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

инстаграм

Показать полностью
[моё] IT Программирование Карьера Javascript Веб-разработка Frontend Web Длиннопост
71
cheschirsky
cheschirsky
4 года назад

Вакансия мечты⁠⁠

Заметила вакансию Senior Frontend-разработчика для Пикабу, прочитала - прямо вакансия мечты! Нативный JS, 150-250 тыс ₽, "общение преимущественно текстом, асинхронное, в редких случаях созваниваемся для обсуждения деталей по задачам" - это вообще просто мечта :) Жаль, что я до Senior пока не дотягиваю.
В общем, народ - налетайте.

IT Frontend Вакансии Пикабу Веб-разработка Web Текст
43
32
AlexFirstname
AlexFirstname
4 года назад
Web-технологии

General frontend FAQ. Part 3⁠⁠

Первая часть,  вторая часть

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

Промышленное программирование

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

Выбор фреймворка

Первое и единственное решение, которое нужно принять: на какой фреймворк садиться. На текущий момент (2020) на выбор 2 с половиной стула:

Первый стул - React


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


- JS центричность. Копаясь в Реакте вы невольно углубляетесь в понимание JS (на данный момент это уже не так актуально)

- Относительно высокий, но "плоский" порог входа: придется изучить все, что так или иначе пригодится после (включая вебпак)

- Много вакансий

- Куча обучающих материалов

- Прекрасное коммьюнити


Минусы:

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

- Отдельный пункт - анальные боли при работе с формами (для чего есть сотни библиотек, каждая из которых имеет неповторимый набор багов)

- Фейсбук делает Реакт под себя, так что не удивляйтесь, если через 6 месяцев все придется переписывать

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


Второй стул - Vue


Из плюсов:

- Полноценный набор инструментов - в отличие от Реакта не придется прикручивать гайками отваливающиеся цсс модули

- Предельная простота и интуитивность

- Прельстиво и приятно шлепать формы (а мы же здесь формошлепы, как никак)


Минусы:

- Эван почему-то считает своим долгом копипастить у Фейсбука все. Даже то, что ненужно

- Сильно меньше работы


Второй с половиной стул - Angular


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

Плюсы:

- Искаропки есть все. Т.е. вообще все. А то, чего нет, прикручивается через CLI

- Собственно, шедевральное CLI (начинася с 6 версии cdk)

- Коммьюнити из суровых энтерпрайзеров, которые видели некоторое shit и которых ничем не испугать

- Много работы


Минусы:

- Oche высокий порог входа, придется выучить вообще все, при чем не всегда понятно, в каком порядке.

- На этом, собственно, все.

Это были стулья, а теперь табуретки:


AngularJS - (не путать с Angular, который новый), он же ангулар первый — устарел морально, физически. Вакансии по-прежнему есть, в основном - поддержка дымящегося легаси. Учить просто так смысла нет. Да и вообще нет.

Backbone - good night, sweet prince. Можно поколупать, чтобы прикинуться олдфагом. Но не нужно, вас все равно раскусят.

Inferno - good night, sweet prince. Кговавый Фэйсбук купил разработчика, теперь он сидит в подвале без паспорта и пилит Реакт (тру стори);

Preact - если видите в описании очередного фреймворка фразу 'this is fast lightwieght fork of React' - сразу закрывайте вкладку.

Aurelia - заявлено, что это самый мощный, гибкий и современный (прямая цитата) JS фреймворк в мире, которым никто не пользуется. Ну вы поняли.

Mithril - позиционируется как супер-пупер альтернатива этим вашим реактам, ангуларам и вью. Но никем не используется. Такие дела.

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

Ember - говорят, все, что придумали, уже давно было в Эмбере. Может так и есть, но эмбер даже на переписанном движке уж очень тормозной. Изредка мелькает в вакансиях (ищут спеца с опытом от 3 лет чисто на эмбере, что как бы намекает)

ExtJS - энтерпрайз монстр, который продается за 9к долларов и вертится где-то на задворках древних корпоративных ЦРМ и нигде больше не встречается.


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

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

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

- Курсы. Как правило, одного достаточно, смысла смотреть n курсов по одному и тому же предмету нет - все повторяется.

- Видосики, записи конференций

- Статьи, бест практис, опенсорс проекты

- ...

- ?

- Profit!

Релейтед ресурсы:

- Tutorial - официальный туториал

- React Router - хороший годный гайд-туториал-документация по реакт-роутеру.

- Redux + react - официальный гайд по редаксу в связке с реактом.

- React Redux - обновленный туториал по редаксу, не переживаем что от 2018 года, во первых он неоднократно обновлялся, во вторых во вторых)

- React + Node.js + Bash - перевод туториала по реакту, ноду и башу. Атеншен, материал по ссылке - свехгоднота, перейдя по ней, вы уже не вернетесь таким как раньше.

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

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

Сборка


Если вы собирайтесь разбивать JS-код на несколько файлов и нормально использовать import/export, то вас настигнет вопрос сборки приложения. Сейчас для этого принято использовать Webpack — очень гибкий и мощный, но сложный в настройке инструмент, который интерпретирует все файлы как JS-модули.

Тут следует сказать, что для учебных и личных проектов в 90% случаев будет хватать Create React App или другого бойлерплейта. В таком случае webpack и babel уже зарание настроены во внутренностях и его можно не трогать. На промышленных проектах возможностей бойлерплейта обычно не хватает, поэтому рано или поздно вы столкнетесь с настройкой этих тулзов. Но еще раз – ньюфага никто не посадит править сложный конфиг на большом проекте, поэтому без фанатизма. Однако на собеседованиях обязательно спросят и могут даже тестовое попросить сделать без CRA, тут уже зависит от уровня вакансии и наглости интервьюеров.


Отличный видосик по настройке простых конфигов  - опять же, не реклама!

Что делать дальше

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

- TypeScript - пожалуй, самый популярный и полезный яп, расширяющий возможности ванильного JS. Очень рекомендуем попробовать (в 2020 must have). Будем откровенны - если вы читаете этот раздел, то TS вы уже ДОЛЖНЫ знать, так что давайте, бегом-бегом читать документацию, благо она у ТС шикарная.

- ClojureScript - кложура, которая транспайлится в ЖС.

- elm - функциональщина с приятным ароматом хаскеля и замечательным синтаксисом, от которого у неофитов выпадают глаза. До поры до времени активно форсился, но потом утратил позиции в связи с новым хайп-продуктом от господа бога нашего и пророка Фейсбука (о чем ниже).

- ReasonML - окамль с человеческим лицом от фейсбука. Ну или типа того, who cares?

- Dart - авантюра гугла по созданию полноценной альтернативы JS со своим интерпретатором и андефайнедами.  Есть такая штука, да, наверное, даже клевая (а может и нет). Больше сказать о нем нечего, в вакансиях почти не встречается.

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


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

Выбрав стул с реактом, можно смотреть в сторону таких вещей:

- Next.js – фреймворк поверх реакта с упором на SSR. Активно поддерживается, большое коммюнити, много примеров.

- Gatsby - что-то похожее на next, но попроще. Сделан упор на создание блогов/лендингов. Есть много плагинов, расширяющих базовые возможности. Хорошо работает со многими cms.

- Styled Components - css-in-js с компонентным подходом. Как альтернатива – Emotion. Можно почитать про JSS (используется в material-ui)

- Apollo GraphQL – инструмент для работы с graphql на жсе, есть клиентская библиотека под реакт.

- Тестирование – большая тема, но тут ясно одно: на основные части любого приложения, которое активно разрабатывают, должны быть написаны тесты – иначе смэрть. Как делаются и что почитать: дока реакта, jest, React Testing Library. Вообще этому можно посвящать отдельный faq со своими холиварами и они есть (faq -и), но это уж совсем глубокая тема, тут писать не буду.


Независимо от стула:

Progressive Web Apps – это про использование набора технологий, позволяющих делать веб-приложение максимально похожим на нативное. Например, такое приложение может слать пуш-нотификации и работать офлайн. Что почитать: хабр, гугл. Неплохой курс на udemy.


Не забываем про линтинг ESLint который избавит от совсем уж тупых ошибок/опечаток и приучит к написанию красивого кода.

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

Фух, все! FAQ на этом закончен, расходимся господа!) Далее будут статьи про UX и UI дизайн, работа сетей (интернета) и браузера в частности, семантика и работа поисковых роботов (атеншен, в самое пекло семантического ядра не полезем, так пройдемся по касательной), всякие полезности и мелочи, которые фронтендеру знать нужно но необязательно на первых парах.

Спасибо авторам и составителям данного FAQ

Закончить хотелось бы эпично и вдохновляюще, думаю подойдет видео, которое когда то было intro на канале Soraxa - эх, клевые были времена!

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