Frontend Hash

​Асинхронный JavaScript: изучаем Async/Await, Callbacks и Promises Сегодня мы попытаемся построить и запустить магазин мороженого, при этом одновременно изучить асинхронный JavaScript. В итоге вы узнаете, как использовать коллбэки, промисы и async/await. Переходите по ссылке, где вас ждёт множество примеров кода и понятные объяснения его работы: https://tproger.ru/articles/tutorial-po-javascript-async-x2f-await-izuchaem-callbacks-promises-i-async-x2f-await/ #js

Офер в Яндекс всего за два дня Приходите на Weekend Offer Frontend 27–28 мая. Всего за два дня вы сможете пройти все технические секции, выбрать команду по душе и получить офер. Ждём фронтендеров на JavaScript и TypeScript с опытом работы от 4 лет. С нашей стороны вас ждут 13 команд: Маркет, Рекламные продукты, Cloud, HR Tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Нанимаем разработчиков в любой офис России и Беларуси. Некоторые команды приглашают в международные хабы в Армении, Казахстане и Сербии. Регистрация открыта до 24 мая, все подробности ищите здесь

Новый семантический элемент появился в HTML — <search> Он должен содержать элементы управления формой (например, ввод текста, выпадающие списки или кнопки). По сути, данный элемент представляет собой раздел документа, который используется для поиска или фильтрации. В этой статье рассматривается его реализация в HTML: https://alvaromontoro.hashnode.dev/new-html-element-search @hashdev

DevDocs — все API-документации в одном месте Главные преимущества DevDocs включают объединение множества официальных документаций по разработке, удобный поиск и быстрый доступ к информации. Особенно полезным инструмент будет для студентов IT-направлений, но свою пользу смогут найти в нём и работающие специалисты Из дополнительных плюсов: интуитивно понятный интерфейс, настраиваемые закладки и автодополнение поиска Стоимость: #бесплатно #API #документация #code

Roadmap.sh — бесплатное руководство по программированию Образовательный контент в виде дорожной карты, чтобы помочь разработчикам выбрать путь и расти в карьере. Есть очень много направлений: мобильная разработка, бэкенд, фронтенд, даже DevOps и Blockchain. Выбираете, например, Python — и вот вам все основы в виде роадмапа, тыкаете по очереди и изучаете. Что-то почитать, что-то посмотреть на ютубчике или заглянуть на официальные источники. Полезно будет как начинающим, так и опытным разрабам. Есть также репозиторий на GitHub и канал на YouTube. #разработка #образование

CSS Peek: удобный плагин для веб-разработки CSS Peek — это плагин в редакторе VS, который обеспечивает быстрый переход к CSS любого селектора из HTML файла. Плагин напрямую предоставляет CSS-код и ссылку для перехода к свойствам CSS одним щелчком мыши. Прост в использовании, вам просто нужно навести курсор на селектор. Можно больше не тратить время на переходы и поиск нужных свойств: https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek #css

🔥 Top it channels 🖥 Linux @linux -топ фишки, гайды, уроки по работе  с Linux. @linux_read - бесплатные книги linux @linux chat - чат linux для обучения и помощи. @linuxacadd - linux с нуля 🖥 SQL базы данных @sqllib - библиотека баз данных @sqlhub - повышение эффективности кода с грамотным использованием бд. @chat_sql - чат изучения бд. databooks - лучшие бесплатные книги по базам данных 🖥 Python @pythonl - гайды по Python. @pro_python_code – Python практика. @python_job_interview – подготовка к Python собеседованию. @python_testit - проверочные тесты на python @pythonlbooks - современные книги Python @python_djangojobs - работа для Python программистов @python_django_work - чат обсуждения вакансий 🖥 Java @javatg - выучить Java с senior разработчиком по профессиональной методике. @javachats - чат для ответов на вопросы по Java @java_library - библиотека книг Java @android_its - Android разработка @java_quizes - тесты Java @Java_workit - работа Java @progersit - шпаргалки ит 👣 Golang @Golang_google - восхитительный язык от Google, мощный и перспективный. @golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков. @golangtests - интересные тесты и задачи GO @golangl - чат изучающих Go @GolangJobsit - отборные вакансии и работа GO @golang_jobsgo - чат для ищущих работу. @golang_books - полезные книги Golang @golang_speak - обсуждение языка Go ⭐️ Нейронные сети @data_analysis_ml - data science @vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы. @aigen - сети для генерации картинок. видео, музыки и многого другого. @neural – погружение в нейросети. 🖥 Machine learning @ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение. @machinelearning_ru – машинное обучении на русском от новичка до профессионала. @machinelearning_interview – подготовка к собеседованию. @datascienceiot – бесплатные книги Machine learning @ArtificialIntelligencedl – канал о искусственном интеллекте @machinee_learning – чат о машинном обучении @datascienceml_jobs - работа ds, ml @Machinelearning_Jobs - чат работы мл 🖥 Javascript / front @react_tg - - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов. @javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS @Js Tests - каверзные тесты JS @hashdev - погружение в web разработку. @javascriptjobjs - отборные вакансии и работа FrontEnd. @jsspeak - чат поиска FrontEnd работы. 👷‍♂️ IT работа @hr_itwork - кураторский список актуальных ит-ваканнсии 🤡It memes @memes_prog - ит-мемы ⚙️ Rust @rust_code - Rust избавлен от болевых точек, которые есть во многих современных яп @rust_chats - чат rust #️⃣ c# c++ C# - объединяет лучшие идеи современных языков программирования @csharp_cplus чат С++ - Универсальность. Возможно, этот главный плюс C++. 📓 Книги @programming_books_it - большая библиотека. программиста @datascienceiot -ds книги @pythonlbooks - python библиотека. @golang_books - книги Golang @frontendbooksit - front книги @progersit - ит-шпаргалки @linux_read - Linux books @java_library - Java books 🖥 Github @github_code - лучшие проекты с github @bigdatai - инструменты по работе с данными 🍏🖥Mobile dev @mobdevelop 🖥 Android @android_its 🖥 Devops Devops - специалист общего профиля, которому нужны обширные знания в области разработки. 📢 English for coders @english_forprogrammers - Английский для программистов 🔢 Math @dsmath - математика программиста 💡 ChatGpt bot @Chatgpturbobot - бесплатный бот ChatGpt

Ничего милее этих панд вы сегодня уже не увидите Нашли для вас на CodePen проект, который позволит вам окружить себя пандами! Всё, что нужно сделать — нажать на кнопку «panda!» и к вам тут же выкатится милейшаяпиксельная панда, которая будет бегать по экрану. Нажмёте ещё раз — и появится ещё одна, и так пока вам не надоест. Кстати, сделаны они с помощью SVG. Покликать и изучить код проекта можно тут: https://codepen.io/Ma5a/pen/bGgxaYy #codepen

Scratch — обучающая платформа для начинающих программистов от MIT Инструмент позволяет детям, подросткам и просто начинающим разработчикам легко освоить основы программирования Scratch использует блочное программирование, которое позволяет пользователям перетаскивать и соединять блоки команд, чтобы создать логику своих проектов Стоимость: #бесплатно #code #дети #образование

Подробный гайд по Flexbox Flexbox поддерживается всеми современными браузерами, поэтому понимае основ и умение использовать данную технологию в проекте — важная часть в изучении фронтенд разработки. На этом сайте собраны 20 полезных уроков, которые помогут изучить Flexbox и прокачать свои скилы. Первые 13 видео направлены на понимание основ Flexbox — строк, столбцов, осей, переноса, выравнивания, центрирования и компоновки. Последние 7 — это отдельные части кода, в которых вы создадите всё, от навигации до макета мобильного приложения с помощью Flexbox: https://flexbox.io/ #flexbox

Ловите сервис Ray, который позволяет делать фантастические скриншоты кода. Ну, во-первых, это красиво.

Algolia — мощный, размещённый на хостинге поисковый API для добавления молниеносного поиска в ваше приложение Инструмент обеспечивает быстродействие и точность поиска, а также предоставляет мощные инструменты для настройки его результатов Интегрировать Algolia в свой проект достаточно просто. Также как и настроить его с помощью гибких API Стоимость: от #бесплатно (но есть платные тарифы) #поиск #API

Рендеринг данных в реальном времени с помощью Vue, Node.js и socket.io Сокеты обычно лучше всего подходят для обмена данными в реальном времени между клиентами и серверами. В этом руководстве вы узнаете, как отображать данные в реальном времени через сервер и как используются сокеты. Вы сможете создать простую блочную игру, используя Vue.Js, Node.Js, и Socket.io, чтобы увидеть все нюансы применения этих технологий вместе: https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io @hashdev

​Как работает HTTPS? Если вы изучаете HTTP и HTTPS, но столкнулись со сложностями в новых терминах, то этот комикс вам поможет! Авторы перевели материал и создали красивые иллюстрации для более лё‎гкого понимания этой темы: https://howhttps.works/ru/ #http #веб

DevSamples — полезная коллекции чужого кода С её помощью вы можете найти кусок, который будет полезен именно вам в вашем проекте — его можно свободно скопировать и вставить Основное внимание сервис уделяет исходным кодам для веб-разработчиков Стоимость: #бесплатно #web #css #шпаргалка

🎚️ Нова версия ChatGPT теперь в Telegram! Для всех, кто еще не попробовал новую модель GPT4 рекомендуем бота абсолютно бесплатного. Поможет написать код, диплом, придумает шутку и станет незаменимым помощником в любых задачах! Бот: @Chatgpturbobot

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

​Как создать сайт с эффектом Parallax-прокрутки В видеоуроке поэтапно объяснятся, как: — подготовить изображения для Parallax эффекта в CSS, — сделать вёрстку заголовков сайта, шапки сайта и эффект «свечения», — создать параллакс эффект у контента и настроить плавную прокрутку страницы JS, — реализовать анимацию Cubic Bezier для Parallax эффекта в CSS. Подробнее: https://youtu.be/F5ZKI-g-_qo #html #js #веб

Немного игр, которые помогут обучиться веб-разработке: Подборка игр для обучения веб-разработке: Elevator Saga — предстоит управлять лифтом с помощью JavaScript, разгадывая задачки; Hex Invaders — придется быстро переводить шестнадцатеричное значение цвета на человеческий язык и сбивать пришельцев, чтобы спасти человечество; Flexbox Froggy — логическая онлайн-игра, в которой вы должны помочь лягушкам с помощью CSS Flexbox добраться до их кувшинок.