#frontend_post
FETCH
Раньше для работы с запросами использовали XMLHttpRequest. Сегодня можно спокойно использовать fetch (если вы не паритесь по поводу IE).
⠀
Fetch - это улучшеный способ, который по умолчанию использует промисы и более простое и чистое API.
⠀
Давайте рассмотрим на примере, как с ним работать. В качестве адреса, куда мы будем отправлять данные, а также получать их, будем использовать сервис gorest.co.in.
⠀
Сначала давайте попробуем получить данные. На слайде 2️⃣ мы создаем асинхронную функцию, где первым и единственным параметром принимаем url. Далее мы используем fetch, где первым параметром передаем url, а вторым - необязательный объект с указанием метода GET (получение данных) и заголовком headers.
⠀
Самое интересное - строка 8. Если мы response не обработаем с помощью метода json(), то получим результат, как на слайде 3️⃣.
⠀
Помимо остальных полезных данных, информация с сервера лежит в поле body, но открыть ее мы не сможем из-за внутренней оптимизации, так как данных может быть очень много. Поэтому и используется метод response.json().
⠀
На слайде 4️⃣ вызываем метод getData() и получаем результат, показанный на слайде 5️⃣.
⠀
Подобно функции getData(), создадим метод отправки данных - postData(). Он показан на слайде 6️⃣.
⠀
Эта функция немного отличается.
⠀
Во-первых, кроме url мы получаем еще и объекта data, который передаем в body запроса.
⠀
Во-вторых, у нас теперь method: "POST".
⠀
И самое главное - в headers мы должны передать токен, ключ API. Его можно получить на сайте gorest.co.in. Но бывают случаи, когда для запросов ключ не требуется. Все зависит от API, с которым вы работаете.
⠀
На слайде 7️⃣ вызываем функцию postData() и получаем ответ от сервера, который показан на слайде 8️⃣.
⠀
По сравнению с XMLHttpRequest, fetch использовать легко и удобно.
⠀
Вы также можете использовать библиотеку Axios для работы с запросами.
⠀
А как работаете с сервером вы? Какие методы используете? Часто приходится отправлять и получать данные?
Кстати демку вы можете посмотреть тут https://codepen.io/Belkevich/pen/ZEWrXax
FETCH
Раньше для работы с запросами использовали XMLHttpRequest. Сегодня можно спокойно использовать fetch (если вы не паритесь по поводу IE).
⠀
Fetch - это улучшеный способ, который по умолчанию использует промисы и более простое и чистое API.
⠀
Давайте рассмотрим на примере, как с ним работать. В качестве адреса, куда мы будем отправлять данные, а также получать их, будем использовать сервис gorest.co.in.
⠀
Сначала давайте попробуем получить данные. На слайде 2️⃣ мы создаем асинхронную функцию, где первым и единственным параметром принимаем url. Далее мы используем fetch, где первым параметром передаем url, а вторым - необязательный объект с указанием метода GET (получение данных) и заголовком headers.
⠀
Самое интересное - строка 8. Если мы response не обработаем с помощью метода json(), то получим результат, как на слайде 3️⃣.
⠀
Помимо остальных полезных данных, информация с сервера лежит в поле body, но открыть ее мы не сможем из-за внутренней оптимизации, так как данных может быть очень много. Поэтому и используется метод response.json().
⠀
На слайде 4️⃣ вызываем метод getData() и получаем результат, показанный на слайде 5️⃣.
⠀
Подобно функции getData(), создадим метод отправки данных - postData(). Он показан на слайде 6️⃣.
⠀
Эта функция немного отличается.
⠀
Во-первых, кроме url мы получаем еще и объекта data, который передаем в body запроса.
⠀
Во-вторых, у нас теперь method: "POST".
⠀
И самое главное - в headers мы должны передать токен, ключ API. Его можно получить на сайте gorest.co.in. Но бывают случаи, когда для запросов ключ не требуется. Все зависит от API, с которым вы работаете.
⠀
На слайде 7️⃣ вызываем функцию postData() и получаем ответ от сервера, который показан на слайде 8️⃣.
⠀
По сравнению с XMLHttpRequest, fetch использовать легко и удобно.
⠀
Вы также можете использовать библиотеку Axios для работы с запросами.
⠀
А как работаете с сервером вы? Какие методы используете? Часто приходится отправлять и получать данные?
Кстати демку вы можете посмотреть тут https://codepen.io/Belkevich/pen/ZEWrXax
👍15🔥9
#frontend_mylife
Вроде как Роскомнадзор сейчас начал блокировать некоторые VPN…
У меня складывается впечатление, как сказала @alistopadova, что мы теперь сидим в подполье и шушукаемся на счёт чего-то айтишного 👎
Надеюсь, за пропаганду семантической верстки не посадят и административку не дадут 📸
Вроде как Роскомнадзор сейчас начал блокировать некоторые VPN…
У меня складывается впечатление, как сказала @alistopadova, что мы теперь сидим в подполье и шушукаемся на счёт чего-то айтишного 👎
Надеюсь, за пропаганду семантической верстки не посадят и административку не дадут 📸
👍1
#frontend_mylife
Значит пошёл я в Wildberries заказ забрать. А приложение не работает.
Говорят Роскомнадзор зацепил даже Казахстан, блокируя инсту.
Вот так вот тестировать на продакшене
Значит пошёл я в Wildberries заказ забрать. А приложение не работает.
Говорят Роскомнадзор зацепил даже Казахстан, блокируя инсту.
Вот так вот тестировать на продакшене
😁6👍4😢3
#frontend_news
https://itc.ua/news/servis-dlya-hraneniya-koda-gitlab-ostanavlivaet-rabotu-v-rf-i-belarusi/
Для немалого количества компаний такая новость довольно тревожна. Пока вводятся ограничения на регистрацию русских и белорусских компаний. Но кто знает, что завтра новый день даст 🤪
https://itc.ua/news/servis-dlya-hraneniya-koda-gitlab-ostanavlivaet-rabotu-v-rf-i-belarusi/
Для немалого количества компаний такая новость довольно тревожна. Пока вводятся ограничения на регистрацию русских и белорусских компаний. Но кто знает, что завтра новый день даст 🤪
😱1
#frontend_mylife
Всем привет!
Кто на меня давно подписан, знают что я за бесплатный контент. Я никогда ни рубля не просил, кроме как на Patreon.
Patreon история другая. На поиск макетов и проверку работ уходило немало времени. Но по итогу я и от Patreon отказался. Во-первых, полезнее оказались курсы, во-вторых, я не захотел распыляться и меньше уделять подписчикам Patreon время. Считаю это нечестным.
Сейчас курсы я буду продавать меньше по одной большой причине: огромная часть студентов с Украины и Беларуси. Меня это не расстраивает в плане заработка. Расстраивает только то, что они (надеюсь, пока) не смогут получить хорошего опыта.
Но сейчас, с учетом всех этих событий, есть важный момент: я не могу привлекать новых ребят (реклама в instagram не работает, телегу особо не продвинуть, а vk… Vk вообще пока непонятно как с ним работать).
Поэтому если вы хотите меня поддержать, вы можете подписаься на меня тут https://boosty.to/frontend_everyday
Тут одна подписка: 200 рублей (менее 2$ в месяц). Возможно, в будущем я сделаю еще какие-то подписки с плюшками, но сейчас это просто поддержка моего блога. Заработанные деньги пойдут на рекламу, а также покупку интересных макетов, которыми я с вами буду делиться. Макеты, кстати, стали значительно дороже благодаря курсу.
Спасибо каждому, кто прочитал и, возможно, подписался на Boosty 🙂
При любом раскладе мои подписчики самые лучшие 🙂
Всем привет!
Кто на меня давно подписан, знают что я за бесплатный контент. Я никогда ни рубля не просил, кроме как на Patreon.
Patreon история другая. На поиск макетов и проверку работ уходило немало времени. Но по итогу я и от Patreon отказался. Во-первых, полезнее оказались курсы, во-вторых, я не захотел распыляться и меньше уделять подписчикам Patreon время. Считаю это нечестным.
Сейчас курсы я буду продавать меньше по одной большой причине: огромная часть студентов с Украины и Беларуси. Меня это не расстраивает в плане заработка. Расстраивает только то, что они (надеюсь, пока) не смогут получить хорошего опыта.
Но сейчас, с учетом всех этих событий, есть важный момент: я не могу привлекать новых ребят (реклама в instagram не работает, телегу особо не продвинуть, а vk… Vk вообще пока непонятно как с ним работать).
Поэтому если вы хотите меня поддержать, вы можете подписаься на меня тут https://boosty.to/frontend_everyday
Тут одна подписка: 200 рублей (менее 2$ в месяц). Возможно, в будущем я сделаю еще какие-то подписки с плюшками, но сейчас это просто поддержка моего блога. Заработанные деньги пойдут на рекламу, а также покупку интересных макетов, которыми я с вами буду делиться. Макеты, кстати, стали значительно дороже благодаря курсу.
Спасибо каждому, кто прочитал и, возможно, подписался на Boosty 🙂
При любом раскладе мои подписчики самые лучшие 🙂
🔥25👏5👍1
#frontend_mylife
Короче пару недель назад ребёнок «удачно» уронил телевизор. Ободок телевизора отошёл от экрана. Не успел сгонять в сервис - он его доломал 🤦♂️ решил на экран нажать, матрица сказала «пока».
В сервисе оценили ремонт в 2 новых телевизора. Так что решил пойти в магазин и выбрать что-то недорогое.
Пока в офисе постоит. На следующей неделе кронштейн прикуплю, буду на стенку вешать дома. Правда есть подозрение, что от мелкого хулигана это не спасёт. Ну тогда будет до 18 лет без мультиков 😂
Короче пару недель назад ребёнок «удачно» уронил телевизор. Ободок телевизора отошёл от экрана. Не успел сгонять в сервис - он его доломал 🤦♂️ решил на экран нажать, матрица сказала «пока».
В сервисе оценили ремонт в 2 новых телевизора. Так что решил пойти в магазин и выбрать что-то недорогое.
Пока в офисе постоит. На следующей неделе кронштейн прикуплю, буду на стенку вешать дома. Правда есть подозрение, что от мелкого хулигана это не спасёт. Ну тогда будет до 18 лет без мультиков 😂
😁20👍5❤1
#frontend_news
Мне тут сразу несколько человек написали, что якобы github закрывают для России) Так как появился пост про Украину и т.п.
Для России ничего не закрывают, все работает в штатном режиме) Ну по крайней мере сейчас :)
Мне тут сразу несколько человек написали, что якобы github закрывают для России) Так как появился пост про Украину и т.п.
Для России ничего не закрывают, все работает в штатном режиме) Ну по крайней мере сейчас :)
🔥11
#frontend_news
Как верно подметила @webinsidepro сейчас идёт травля ещё и со стороны разработчиков open source проектов.
В npm пакеты вставляют всякую дрянь: от комментариев националистического характера до уязвимостей для разработчиков с российским IP-адресом.
По ссылке ниже постоянно обновляющаяся (вроде как) таблица с пакетами, в которых уже нашли небезопасный код
https://docs.google.com/spreadsheets/u/1/d/1H3xPB4PgWeFcHjZ7NOPtrcya_Ua4jUolWm-7z9-jSpQ/htmlview
Как верно подметила @webinsidepro сейчас идёт травля ещё и со стороны разработчиков open source проектов.
В npm пакеты вставляют всякую дрянь: от комментариев националистического характера до уязвимостей для разработчиков с российским IP-адресом.
По ссылке ниже постоянно обновляющаяся (вроде как) таблица с пакетами, в которых уже нашли небезопасный код
https://docs.google.com/spreadsheets/u/1/d/1H3xPB4PgWeFcHjZ7NOPtrcya_Ua4jUolWm-7z9-jSpQ/htmlview
🤔5🤬5
Forwarded from a.listopadova | teamlead | books | frontend
Проекты для резюме для джунов
На днях был вопрос о примерах пет-проектов для джунов
Ниже несколько ссылок на материалы по теме
- Junior frontend: нужно ли делать проект для резюме и портфолио? | 5 выводов | Фронтенд без опыта — моё видео
- Junior фронтенд-разработчик: 11 идей проектов для резюме — тоже моё видео
- Ссылка на пост в telegram с большим перечнем макетов — пост @front_everyday, по всем макетам можно верстать и добавлять в портфолио
- Best JavaScript Project Ideas For Everyone — ссылка на пост в Instagram, там в карусели 25 вариантов. Пост прислал подписчик🤝
---
Ещё писала, что у меня несколько изменилось мнение о пет-проектах для резюме.
Так вот. Я по-прежнему не считаю, что наличие/отсутствие проекта в портфолио — ключевой фактор в принятии решения нанимающей стороны.
Во-первых, потому что я уже собеседовала и была в роли нанимающей стороны. И наличие/отсутствие портфолио вообще ничего не гарантирует.
Во-вторых, потому что уже несколько раз слышала, как интервьюеры по итогам собеседований положительно отзывались о конкретных соискателях, у которых не было проектов в портфолио, хотя прежде говорили, что наличие таких проектов обязательно.
Люди (нанимающие) могут искренне говорить одно и быть в этом уверенны, но потом они встречают человека, собеседуют, общаются и в результате требование о наличии пет-проектов уходит на второй план.
Потому что по критериям, которые оценивают на собеседовании, человек может подходить. И техническую часть пройти отлично. Странновато отказывать соискателю, который отлично прошёл собеседование, только потому что он не показал пет-проекты и портфолио — можно погнаться за придуманными стереотипами и упустить перспективного разработчика.
Но: не наличие пет-проектов, а именно их разработка отлично повышают шансы. В первую очередь потому что они развивают навыки, а не потому что это будет классный проект для показать.
Потому что даже взявшись за что-то вроде бы простенькое, можно собрать много подводных камней, прогуглить и узнать много нового, закрепить старое и набить руку.
"Лайфхак":
Для джуна лучше сделать что-то совсем простенькое, но полностью самостоятельно, чем сделать типовой проект с любого курса, в котором на деле окажется, что человек сам сделал только 5 — 10% работы, а остальное было готовым кодом с курса.
Проекты с курсов при добавлении в портфолио лучше ставить в конец списка проектов и обязательно подписывать какая часть работы была сделана самостоятельно. Объяснение почему это так есть вот в этом видео.
Что изменилось в моём отношении
Раньше смотрела преимущественно с точки зрения "чтобы прокачать навыки". И это круто. Сайдэффектом помогает в том числе с поиском работы и портфолио.
Добавилось вот что: пет-проект в перспективе можно использовать, когда компании дают тестовые задания, чтобы посмотреть как пишете и организовываете код.
Не всем хочется и есть время делать большие тестовые, особенно когда человек в активном поиске и собеседуется параллельно в несколько компаний. И несколько из них присылают тестовые. Потому что а спать и всё остальное когда?
Так вот личный проект порой может удовлетворить желание посмотреть как пишете и организуете код. Наверняка не 100% компаний это устроит. "Компаний" читается как "конкретных людей в этих компаниях, которые занимаются непосредственно наймом вас и принимают решение". Потому что руководителя из одной команды не устроит, а из соседней— может устроить более чем. Человеческий фактор не дремлет.
То есть основное изменение — это увеличение ценности, потому что пет-проект может заменить тестовое.
"Итого" в этот пост не влезло (привет, лимиты), оно в следующем сообщении.
#antonina_list_jobsearch
На днях был вопрос о примерах пет-проектов для джунов
Ниже несколько ссылок на материалы по теме
- Junior frontend: нужно ли делать проект для резюме и портфолио? | 5 выводов | Фронтенд без опыта — моё видео
- Junior фронтенд-разработчик: 11 идей проектов для резюме — тоже моё видео
- Ссылка на пост в telegram с большим перечнем макетов — пост @front_everyday, по всем макетам можно верстать и добавлять в портфолио
- Best JavaScript Project Ideas For Everyone — ссылка на пост в Instagram, там в карусели 25 вариантов. Пост прислал подписчик🤝
---
Ещё писала, что у меня несколько изменилось мнение о пет-проектах для резюме.
Так вот. Я по-прежнему не считаю, что наличие/отсутствие проекта в портфолио — ключевой фактор в принятии решения нанимающей стороны.
Во-первых, потому что я уже собеседовала и была в роли нанимающей стороны. И наличие/отсутствие портфолио вообще ничего не гарантирует.
Во-вторых, потому что уже несколько раз слышала, как интервьюеры по итогам собеседований положительно отзывались о конкретных соискателях, у которых не было проектов в портфолио, хотя прежде говорили, что наличие таких проектов обязательно.
Люди (нанимающие) могут искренне говорить одно и быть в этом уверенны, но потом они встречают человека, собеседуют, общаются и в результате требование о наличии пет-проектов уходит на второй план.
Потому что по критериям, которые оценивают на собеседовании, человек может подходить. И техническую часть пройти отлично. Странновато отказывать соискателю, который отлично прошёл собеседование, только потому что он не показал пет-проекты и портфолио — можно погнаться за придуманными стереотипами и упустить перспективного разработчика.
Но: не наличие пет-проектов, а именно их разработка отлично повышают шансы. В первую очередь потому что они развивают навыки, а не потому что это будет классный проект для показать.
Потому что даже взявшись за что-то вроде бы простенькое, можно собрать много подводных камней, прогуглить и узнать много нового, закрепить старое и набить руку.
"Лайфхак":
Для джуна лучше сделать что-то совсем простенькое, но полностью самостоятельно, чем сделать типовой проект с любого курса, в котором на деле окажется, что человек сам сделал только 5 — 10% работы, а остальное было готовым кодом с курса.
Проекты с курсов при добавлении в портфолио лучше ставить в конец списка проектов и обязательно подписывать какая часть работы была сделана самостоятельно. Объяснение почему это так есть вот в этом видео.
Что изменилось в моём отношении
Раньше смотрела преимущественно с точки зрения "чтобы прокачать навыки". И это круто. Сайдэффектом помогает в том числе с поиском работы и портфолио.
Добавилось вот что: пет-проект в перспективе можно использовать, когда компании дают тестовые задания, чтобы посмотреть как пишете и организовываете код.
Не всем хочется и есть время делать большие тестовые, особенно когда человек в активном поиске и собеседуется параллельно в несколько компаний. И несколько из них присылают тестовые. Потому что а спать и всё остальное когда?
Так вот личный проект порой может удовлетворить желание посмотреть как пишете и организуете код. Наверняка не 100% компаний это устроит. "Компаний" читается как "конкретных людей в этих компаниях, которые занимаются непосредственно наймом вас и принимают решение". Потому что руководителя из одной команды не устроит, а из соседней— может устроить более чем. Человеческий фактор не дремлет.
То есть основное изменение — это увеличение ценности, потому что пет-проект может заменить тестовое.
"Итого" в этот пост не влезло (привет, лимиты), оно в следующем сообщении.
#antonina_list_jobsearch
👍23🔥1
#frontend_mylife
Завтра планирую новый пост, а сегодня немного о месте, где я был 🙂
Ковид не щадит никого, поэтому пришлось в срочном порядке забирать на реабилитацию бабушку с села в Ставропольском крае.
Для меня это место особенно. Школьные годы каждое лето проводил тут.
На первом фото здание, в котором я первый раз что-то сделал с компьютером в 7 лет: переустановил 98 винду под руководством дедушки (он инженер и шарит в компах и темнике) 😄 Отсюда и начало мое увлечение))
На втором фото поле, на котором я пропадал целыми днями, играя в футбол. Успел даже палец сломать, промахнувшись мимо мяча и попав по булыжнику 😂 Сейчас там поставили ещё и детскую площадку. В живую выглядит очень круто, чистенько и ухожено (поле правда как было кривое, таким и осталось).
На 3 и 4 фото просто улицы, по которым гоняли на велосипедах, мотоциклах и просто гуляли)
Я очень редко бывают в этих местах, но оно какое-то особенное. Такое место силы и мотивации)
А для вас какие места особенные?)) делитесь)
Завтра планирую новый пост, а сегодня немного о месте, где я был 🙂
Ковид не щадит никого, поэтому пришлось в срочном порядке забирать на реабилитацию бабушку с села в Ставропольском крае.
Для меня это место особенно. Школьные годы каждое лето проводил тут.
На первом фото здание, в котором я первый раз что-то сделал с компьютером в 7 лет: переустановил 98 винду под руководством дедушки (он инженер и шарит в компах и темнике) 😄 Отсюда и начало мое увлечение))
На втором фото поле, на котором я пропадал целыми днями, играя в футбол. Успел даже палец сломать, промахнувшись мимо мяча и попав по булыжнику 😂 Сейчас там поставили ещё и детскую площадку. В живую выглядит очень круто, чистенько и ухожено (поле правда как было кривое, таким и осталось).
На 3 и 4 фото просто улицы, по которым гоняли на велосипедах, мотоциклах и просто гуляли)
Я очень редко бывают в этих местах, но оно какое-то особенное. Такое место силы и мотивации)
А для вас какие места особенные?)) делитесь)
👍22
#frontend_mylife
После ноябрьского ковида запретили бегать и заниматься чем-либо на протяжении 4 месяцев.
Только думал в феврале опять начать - привет ковидная пневмония второй раз. И опять запрет на 4 месяца.
На работу хотя бы пешком буду ходить теперь. Заодно и бензин экономить буду 😂
После ноябрьского ковида запретили бегать и заниматься чем-либо на протяжении 4 месяцев.
Только думал в феврале опять начать - привет ковидная пневмония второй раз. И опять запрет на 4 месяца.
На работу хотя бы пешком буду ходить теперь. Заодно и бензин экономить буду 😂
😁5👏1