This media is not supported in your browser
VIEW IN TELEGRAM
Download progress animation
Анимация прогресс загрузки. Минималистично, лаконично.
#js #css #html #coden
https://codepen.io/aaroniker/pen/ZEYmPqM
Анимация прогресс загрузки. Минималистично, лаконично.
#js #css #html #coden
https://codepen.io/aaroniker/pen/ZEYmPqM
This media is not supported in your browser
VIEW IN TELEGRAM
atom-wakatime – Плагин для редактора кода atom, который предоставляет интеграцию с сервисом для метрик продуктивности WakaTime
https://github.com/wakatime/atom-wakatime
@htmlcssjavas
https://github.com/wakatime/atom-wakatime
@htmlcssjavas
https://dev-gang.ru/article/sozdanie-adaptivnyh-izobrazhenii-s-pomosczu-imageset-e5qej65iit/
@htmlcssjavas
Please open Telegram to view this post
VIEW IN TELEGRAM
dev-gang.ru
Создание адаптивных изображений с помощью image-set
image-set - это функция CSS, которая позволяет вам сделать изображение отзывчивым, показывая варианты одного и того же изображения для разных разрешений экрана, когда это необходимо. Эта функция почти такая же, как атрибут HTML srcset для тегов img .
JS Bin — платформа для изучающих ванильный JS, HTML и CSS
С его помощью вы сможете не только чему-то научиться, но также поэкспериментировать и даже преподавать, если у вас есть свои ученики
В JS Bin встроено множество функций. При этом по словам самих разработчиков, их цель — стать частью цепочки инструментов разработчиков для решения проблем, изучения технологий и обучения
@htmlcssjavas
С его помощью вы сможете не только чему-то научиться, но также поэкспериментировать и даже преподавать, если у вас есть свои ученики
В JS Bin встроено множество функций. При этом по словам самих разработчиков, их цель — стать частью цепочки инструментов разработчиков для решения проблем, изучения технологий и обучения
@htmlcssjavas
Создание приложения погоды на Vue.js
Узнайте, как создать приложение погоды в Vue JS, используя Open Weather Map API и restful api для получения данных о погоде. При этом здесь также используется современный Javascript Fetch API наряду с методами и состояниями Vue JS.
Подробнее:
https://youtu.be/JLc-hWsPTUY
#видео #vue
@htmlcssjavas
Узнайте, как создать приложение погоды в Vue JS, используя Open Weather Map API и restful api для получения данных о погоде. При этом здесь также используется современный Javascript Fetch API наряду с методами и состояниями Vue JS.
Подробнее:
https://youtu.be/JLc-hWsPTUY
#видео #vue
@htmlcssjavas
This media is not supported in your browser
VIEW IN TELEGRAM
Windframe — инструмент для быстрого создания/прототипирования сайтов с помощью Tailwind CSS
С его помощью вы сможете сильно ускориться в создании веб-сайтов. Вам будет доступна либо их разработка с нуля, либо на основе множества готовых tailwind-шаблонов
При этом создавать или настраивать дизайн можно при помощи многочисленных опций
Стоимость: #бесплатно (но есть платные тарифы)
#web #css
С его помощью вы сможете сильно ускориться в создании веб-сайтов. Вам будет доступна либо их разработка с нуля, либо на основе множества готовых tailwind-шаблонов
При этом создавать или настраивать дизайн можно при помощи многочисленных опций
Стоимость: #бесплатно (но есть платные тарифы)
#web #css
Поскольку технологии веб-программирования быстро развиваются, нам приходится изучать много нового. Некоторые языки и фреймворки настолько сложны, что вы можете не запомнить их синтаксис. Шпаргалки – это заметки, которые помогут вам в этом.
✔️ Шпаргалки
@htmlcssjavas
Please open Telegram to view this post
VIEW IN TELEGRAM
👨💻Ищешь ИТ вакансии?
Подпишитесь на канал с актуальными ежедневными вакансиями на максималках, без лишней воды🤘:
- FrontEnd_Jobs
- JavaScript_Jobs
— вакансиями с зп 300–400 тысяч рублей в месяц и стажировками;
— предложениями от зарубежных компаний с релокацией;
Цени свое время — подписывайся!
Подпишитесь на канал с актуальными ежедневными вакансиями на максималках, без лишней воды🤘:
- FrontEnd_Jobs
- JavaScript_Jobs
— вакансиями с зп 300–400 тысяч рублей в месяц и стажировками;
— предложениями от зарубежных компаний с релокацией;
Цени свое время — подписывайся!
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать браузерную «пипетку» с работой вне браузера
Знакомьтесь, EyeDropper API — небольшой JS API, позволяющий разработчикам добавить в их проект пипетку. С помощью неё пользователь может выбрать нужный цвет и веб-приложение зафиксирует его.
Подробнее о том, как это работает можно узнать тут:
https://patrickbrosset.com/articles/2021-11-24-how-i-built-an-eye-dropper-browser-extension/
#javascript #фронтенд
@htmlcssjavas
Знакомьтесь, EyeDropper API — небольшой JS API, позволяющий разработчикам добавить в их проект пипетку. С помощью неё пользователь может выбрать нужный цвет и веб-приложение зафиксирует его.
Подробнее о том, как это работает можно узнать тут:
https://patrickbrosset.com/articles/2021-11-24-how-i-built-an-eye-dropper-browser-extension/
#javascript #фронтенд
@htmlcssjavas
Standard Notes — впечатляющее приложение для ведения заметок с открытым исходным кодом
Жемчужина сервиса — использование в нём сквозного шифрования
В остальном это вполне стандартный, но очень приятный инструмент для написания заметок. Он доступен как в вебе, так и в виде приложений для Linux, Windows, macOS (Intel/ARM), а также мобильных устройств
@htmlcssjavas
Жемчужина сервиса — использование в нём сквозного шифрования
В остальном это вполне стандартный, но очень приятный инструмент для написания заметок. Он доступен как в вебе, так и в виде приложений для Linux, Windows, macOS (Intel/ARM), а также мобильных устройств
@htmlcssjavas
Ответишь — пройдешь на продвинутый курс "Разработчик на Spring Framework" от OTUS по специальной цене.
✅ В результате обучения на курсе «Разработчик на Spring Framework» вы:
✔️ Освоите полный цикл разработки приложений с помощью Spring
✔️ Пройдете путь от идеи до production-ready приложений
✔️ Обогатите свое портфолио
✔️ Научитесь создавать Web-приложения на микросервисной архитектуре
✔️ В конце обучения вас ждет выпускной проект, который позволит на практике закрепить, полученные на курсе знания.
👉Spring Data Projections, Example, Specifications
👉Spring boot - Работа с несколькими БД
Реклама. Информация о рекламодателе на сайте otus.ru
Please open Telegram to view this post
VIEW IN TELEGRAM
Vercel — веб-платформа для frontend-разработчиков
С её помощью можно очень легко и удобно развернуть собственный сайт. При этом размещать свои проекты можно с нулевой конфигурацией, а также автоматическим протоколом SSL и глобальной инфраструктурой CDN
Стоимость: #бесплатно (но платный тариф)
#web #frontend
@htmlcssjavas
С её помощью можно очень легко и удобно развернуть собственный сайт. При этом размещать свои проекты можно с нулевой конфигурацией, а также автоматическим протоколом SSL и глобальной инфраструктурой CDN
Стоимость: #бесплатно (но платный тариф)
#web #frontend
@htmlcssjavas
Веб-разработчику на заметку: коллекция распространенных шаблонов в одном месте.
https://web.dev/patterns/
https://web.dev/patterns/
Converter — простое и удобное Flatpak-приложение для конвертирования и манипулирования изображениями
Никакого набора команд в Терминале, никаких сложных интерфейсов
Конвертирование изображений не должно требовать больших усилий и именно с таким подходом разрабатывался Converter
Инструмент имеет GUI с открытым исходным кодом на базе GTK4+libadwaita
Стоимость: #бесплатно
#open_source #конвертер
Никакого набора команд в Терминале, никаких сложных интерфейсов
Конвертирование изображений не должно требовать больших усилий и именно с таким подходом разрабатывался Converter
Инструмент имеет GUI с открытым исходным кодом на базе GTK4+libadwaita
Стоимость: #бесплатно
#open_source #конвертер
Фронтендеры на месте? Смотрите какой сайт мы вам нашли
Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.
Подробнее можете ознакомиться самостоятельно тут:
https://www.akshay.rocks/resources
#фронтенд #инструменты
@htmlcssjavas
Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, UI/UX, обучение и многое другое.
Подробнее можете ознакомиться самостоятельно тут:
https://www.akshay.rocks/resources
#фронтенд #инструменты
@htmlcssjavas
🔥 Подборка каналов для разработчиков
🖥 Javascript / front
@react_tg - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@javascript - javascript крупнейший канал.
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS
⭐️ Нейронные сети
@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 - чат работы мл
🖥 SQL базы данных
@sqlhub - Повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.
🖥 Python
@pythonl - главный канал самого популярного языка программирования.
@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
🖥 Linux
@linux -топ фишки, гайды, уроки по работе с Linux.
@linux chat - чат linux для обучения и помощи.
@linux_read - бесплатные книги linux
👷♂️ 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 - инструменты по работе с данными
🖥 Devops
Devops - специалист общего профиля, которому нужны обширные знания в области разработки.
📢 English for coders
@english_forprogrammers - Английский для программистов
@react_tg - 40,14% разработчиков сайтов использовали React в 2022 году - это самая популярная библиотека для создания сайтов.
@javascript - javascript крупнейший канал.
@Js Tests - каверзные тесты JS
@hashdev - погружение в web разработку.
@javascriptjobjs - отборные вакансии и работа FrontEnd.
@jsspeak - чат поиска FrontEnd работы.
@javascript -канал для JS и FrontEnd разработчиков. Лучшие практики и примеры кода. Туториалы и фишки JS
@vistehno - chatgpt ведет блог, решает любые задачи и отвечает на любые ваши вопросы.
@aigen - сети для генерации картинок. видео, музыки и многого другого.
@neural – погружение в нейросети.
@ai_ml – погружение в нейросети, ai, Chatgpt, midjourney, машинное обучение.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседованию.
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml
@Machinelearning_Jobs - чат работы мл
@sqlhub - Повышение эффективности кода с грамотным использованием бд.
@chat_sql - чат изучения бд.
@pythonl - главный канал самого популярного языка программирования.
@pro_python_code – учим python с ментором.
@python_job_interview – подготовка к Python собеседованию.
@python_testit - проверочные тесты на python
@pythonlbooks - современные книги Python
@python_djangojobs - работа для Python программистов
@python_django_work - чат обсуждения вакансий
@javatg - выучить Java с senior разработчиком по профессиональной методике.
@javachats - чат для ответов на вопросы по Java
@java_library - библиотека книг Java
@android_its - Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит
@Golang_google - восхитительный язык от Google, мощный и перспективный.
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@golangtests - интересные тесты и задачи GO
@golangl - чат изучающих Go
@GolangJobsit - отборные вакансии и работа GO
@golang_jobsgo - чат для ищущих работу.
@golang_books - полезные книги Golang
@golang_speak - обсуждение языка Go
@linux -топ фишки, гайды, уроки по работе с Linux.
@linux chat - чат linux для обучения и помощи.
@linux_read - бесплатные книги linux
👷♂️ 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_code - лучшие проекты с github
@bigdatai - инструменты по работе с данными
Devops - специалист общего профиля, которому нужны обширные знания в области разработки.
@english_forprogrammers - Английский для программистов
Please open Telegram to view this post
VIEW IN TELEGRAM
Если вы заинтересованы в том, чтобы стать backend-разработчиком, вот несколько шагов, которые вы можете предпринять для достижения своей цели:
Начните с глубокого изучения основ информатики и программирования. Это поможет вам заложить прочную основу в разработке программного обеспечения, на которую вы сможете опираться по мере продвижения по карьерной лестнице.
Выберите язык программирования, на котором вы хотите сосредоточиться. Многие backend-разработчики используют такие языки, как Python, JavaScript, Java или C++. Какой бы язык вы ни выбрали, обязательно хорошо его изучите и попрактикуйтесь в его использовании для создания приложений.
Узнайте о серверном программировании, в том числе о том, как создавать и обслуживать веб-серверы, а также как работать с базами данных. Это необходимые навыки для любого backend-разработчика.
Ознакомьтесь с распространёнными backend-фреймворками и библиотеками, такими как Django или Flask для Python, Spring для Java или Express.js для JavaScript. Эти инструменты могут помочь вам быстро и эффективно создавать серверные приложения.
Подумайте о том, чтобы получить сертификат на выбранном вами языке или фреймворке. Это может продемонстрировать работодателям, что вы обладаете определ`нным уровнем знаний, и может помочь вам выделиться на рынке труда.
Ищите стажировки или должности начального уровня в компаниях, которые ищут backend-разработчиков. Это может дать ценный опыт и помочь вам наладить связи в даннйо отрасли.
По мере накопления опыта и развития своих навыков подумайте о том, чтобы специализироваться в определённой области backend-разработки, такой как работа с определённым типом базы данных или разработка API.
Продолжайте учиться и будьте в курсе новейших технологий и лучших практик в области backend-разработки. Это поможет вам продвинуться по карьерной лестнице и оставаться конкурентоспособным на рынке труда.
@htmlcssjavas
Please open Telegram to view this post
VIEW IN TELEGRAM
Техническое собеседование С# Junior | Решаем практические задачи в прямом эфире
https://youtube.com/watch?v=UZmEjdpd7Po
https://youtube.com/watch?v=UZmEjdpd7Po
YouTube
Техническое собеседование С# Junior | Решаем практические задачи в прямом эфире
https://yangx.top/csharp_ci - мой телеграм канал с огромным количеством гайдов, уроков, инструментов с примерами кода.
https://yangx.top/addlist/4wMIneVJrSE4OTVi - большая папка полезных материалов для всех, кто любит C#
Полный бесплатный курс C# 2024 с нуля до…
https://yangx.top/addlist/4wMIneVJrSE4OTVi - большая папка полезных материалов для всех, кто любит C#
Полный бесплатный курс C# 2024 с нуля до…
Интерактивная карта из любого изображения на чистом JavaScript
В этом видео автор покажет вам, как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать карта будет с помощью JS и SVG. По примеру из видео вы научитесь создавать интерактивные элементы и добавлять к ним любой функционал.
Смотрите видео тут:
https://youtu.be/uN35_FX9LXo
#видео #туториал #фронтенд
В этом видео автор покажет вам, как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать карта будет с помощью JS и SVG. По примеру из видео вы научитесь создавать интерактивные элементы и добавлять к ним любой функционал.
Смотрите видео тут:
https://youtu.be/uN35_FX9LXo
#видео #туториал #фронтенд
Как создать веб-сайт с помощью ChatGPT: Использование искусственного интеллекта для создания сайта.
Разработка веб-сайта с помощью ChatGPT:
В сегодняшней быстро меняющейся среде способность быстро и эффективно разрабатывать веб-сайты имеет решающее значение для бизнеса и организаций. Поэтому многие инструменты искусственного интеллекта, такие как ChatGPT, приобрели значительную популярность в последние годы
Теперь пользователи могут использовать эту передовую технологию искусственного интеллекта для оптимизации и автоматизации различных задач веб-разработки. В этом руководстве мы углубимся в то, как создать веб-сайт с помощью ChatGPT.
📌 Читать
@htmlcssjavas
Разработка веб-сайта с помощью ChatGPT:
В сегодняшней быстро меняющейся среде способность быстро и эффективно разрабатывать веб-сайты имеет решающее значение для бизнеса и организаций. Поэтому многие инструменты искусственного интеллекта, такие как ChatGPT, приобрели значительную популярность в последние годы
Теперь пользователи могут использовать эту передовую технологию искусственного интеллекта для оптимизации и автоматизации различных задач веб-разработки. В этом руководстве мы углубимся в то, как создать веб-сайт с помощью ChatGPT.
📌 Читать
@htmlcssjavas