Web разработка
1.95K subscribers
207 photos
17 videos
9 files
862 links
Самая акутальная информация для web разработчиков

По всем вопросам @haarrp

@channels_telegram - 🔥лучшие ит-каналы

@ai_machinelearning_big_data - машинное обучение

@programming_books_it - бесплатные it книги

@pythonl - 🐍
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Download progress animation

Анимация прогресс загрузки. Минималистично, лаконично.

#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
JS Bin — платформа для изучающих ванильный JS, HTML и CSS

С его помощью вы сможете не только чему-то научиться, но также поэкспериментировать и даже преподавать, если у вас есть свои ученики

В 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
This media is not supported in your browser
VIEW IN TELEGRAM
Windframe — инструмент для быстрого создания/прототипирования сайтов с помощью Tailwind CSS

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

При этом создавать или настраивать дизайн можно при помощи многочисленных опций

Стоимость: #бесплатно (но есть платные тарифы)

#web #css
🛡 15 источников со шпаргалками для разработчиков

Поскольку технологии веб-программирования быстро развиваются, нам приходится изучать много нового. Некоторые языки и фреймворки настолько сложны, что вы можете не запомнить их синтаксис. Шпаргалки – это заметки, которые помогут вам в этом.

✔️ Шпаргалки

@htmlcssjavas
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻Ищешь ИТ вакансии?
Подпишитесь на канал с актуальными ежедневными вакансиями на максималках, без лишней воды🤘:

- 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
Standard Notes — впечатляющее приложение для ведения заметок с открытым исходным кодом

Жемчужина сервиса — использование в нём сквозного шифрования

В остальном это вполне стандартный, но очень приятный инструмент для написания заметок. Он доступен как в вебе, так и в виде приложений для Linux, Windows, macOS (Intel/ARM), а также мобильных устройств

@htmlcssjavas
💪 Пройди тест по Spring Framework и проверь свои знания.

Ответишь — пройдешь на продвинутый курс "Разработчик на Spring Framework" от OTUS по специальной цене.

В результате обучения на курсе «Разработчик на Spring Framework» вы:
✔️ Освоите полный цикл разработки приложений с помощью Spring
✔️ Пройдете путь от идеи до production-ready приложений
✔️ Обогатите свое портфолио
✔️ Научитесь создавать Web-приложения на микросервисной архитектуре
✔️ В конце обучения вас ждет выпускной проект, который позволит на практике закрепить, полученные на курсе знания.

➡️ПРОЙТИ ТЕСТ

🎁После прохождения теста ты получишь демо-ролик о занятиях на курсе, Welcome-скидку на курс и доступ к открытым урокам:

👉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
Веб-разработчику на заметку: коллекция распространенных шаблонов в одном месте.

https://web.dev/patterns/
Converter — простое и удобное Flatpak-приложение для конвертирования и манипулирования изображениями

Никакого набора команд в Терминале, никаких сложных интерфейсов

Конвертирование изображений не должно требовать больших усилий и именно с таким подходом разрабатывался Converter

Инструмент имеет GUI с открытым исходным кодом на базе GTK4+libadwaita

Стоимость: #бесплатно

#open_source #конвертер
Фронтендеры на месте? Смотрите какой сайт мы вам нашли

Здесь собраны весьма полезные ресурсы для фронтенд-разработчиков и разобрано по категориям: иконки, иллюстрации, 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 - Английский для программистов
Please open Telegram to view this post
VIEW IN TELEGRAM
✔️ RoadMap для того, чтобы стать Full Stack-разработчиком в 2023 году

Если вы заинтересованы в том, чтобы стать 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
Интерактивная карта из любого изображения на чистом JavaScript

В этом видео автор покажет вам, как сделать интерактивную карту для сайта на чистом JS, на основе любой картинки. Работать карта будет с помощью JS и SVG. По примеру из видео вы научитесь создавать интерактивные элементы и добавлять к ним любой функционал.

Смотрите видео тут:

https://youtu.be/uN35_FX9LXo

#видео #туториал #фронтенд
Как создать веб-сайт с помощью ChatGPT: Использование искусственного интеллекта для создания сайта.

Разработка веб-сайта с помощью ChatGPT:

В сегодняшней быстро меняющейся среде способность быстро и эффективно разрабатывать веб-сайты имеет решающее значение для бизнеса и организаций. Поэтому многие инструменты искусственного интеллекта, такие как ChatGPT, приобрели значительную популярность в последние годы

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

📌  Читать

@htmlcssjavas