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

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

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

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

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

@pythonl - 🐍
加入频道
🔥 Подборка каналов для разработчиков

🖥 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
node. js.pdf
2.3 MB
💾 Справочник в формате PDF

Полный курс разработки Node.js с примерами и разбором кода

Отличная методичка перед изучением Vue

#doc #js #node #vue
👨‍💻 Хороший Чек-лист по верстке и функциональности элементов на русском

Будет полезен как веб-разработчикам так и тестировщикам

#doc #cheatsheet
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Jitter — интуитивный онлайн‑редактор анимаций

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

В целом, утилита может быть полезна для тех, кто хочет создать видео о своём продукте и использовать при этом технику motion design

Стоимость: #бесплатно (но есть платная подписка)

#web #видео
Forwarded from ЕЖ
27 февраля стартовал финал совместного профиля «Искусственный интеллект» Национальной технологической олимпиады и Академии искусственного интеллекта для школьников Благотворительного фонда Сбербанка «Вклад в будущее». В него прошли более 100 школьников из 27 регионов России и Казахстана. Всего участников было более 6000. Финальное испытание было подготовлено Sber AI, по итогам профильного тура победители получат возможность пройти оплачиваемую стажировку в Сбере и компаниях-партнерах. В текущем году призовой фонд профиля превышает 4 млн руб.
Stable Diffusion — онлайн инструмент для генерации изображений на основе текста

Для большинства утилита вряд ли станет открытием — многие уже успели «завести» Stable Diffusion на своём железе

Но немногие знают, что им можно воспользоваться онлайн и даже без регистрации. Единственное, придётся подождать небольшую очередь

Далее всё как и везде: пишете текстовое описание изображения, а нейросеть генерирует на его основе несколько вариантов

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

#нейросеть #изображения
This media is not supported in your browser
VIEW IN TELEGRAM
Скоро на всех лендингах мира: дизайнер сделал идеально блестящую кнопку, на которой можно увидеть своё отражение.

Заценить можно тут.
This media is not supported in your browser
VIEW IN TELEGRAM
Как работает CSS Flexbox: наглядное введение в систему компоновки элементов на веб-странице

Ещё не успели попробовать Flexbox или хотите освежить в памяти все его возможности? В этой статье мы собрали для вас все свойства и продемонстрировали их работу в гифках:

https://tproger.ru/articles/how-css-flexbox-works/

#css #фронтенд
Шпаргалка по CSS

CSSReference.io — это бесплатное визуальное руководство по CSS. Здесь собраны примеры для каждого свойства и их детальное объяснение в виде диаграмм и иллюстраций:

https://cssreference.io/

#css #веб
Jam — простой инструмент для работы с багами

Jam автоматически создаёт отчёты об ошибках со всей необходимой информацией для разработчиков. Способ работы приложения похож на метод создания скриншота, только Jam упрощает процесс создания сообщений об ошибках и делает работу за вас:

https://jam.dev/

#tools
шпаргалка.png
2.1 MB
Полезная шпаргалка для веб-тестировщиков за авторством Святослава Куликова.
Советы, которые помогут увеличить скорость загрузки страницы

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

Для начала можно улучшить скорость загрузки страницы оптимизируя HTML-код и CSS-файлы. В этой статье автор собрал несколько советов, которые помогут улучшить производительность страницы только за счёт CSS и HTML:

https://levelup.gitconnected.com/html-css-features-tips-for-a-10x-fast-page-loading-speed-5fb6c2d88df8

#html #css
Браузерные игры, которые помогут легко изучить CSS

1. Flexbox Froggy — с помощью подсказок нужно помочь группе лягушек добраться до их кувшинок. На каждом уровне нужно выбрать какое свойство CSS использовать.

2. CSS Diner — в игре даётся таблица блюд, HTML форма и таблица с элементами. Игроку нужно подготовиться к ужину и разместить все предметы. Эта игра отлично подойдёт для изучения CSS селекторов.

3. Flexbox Defense — классическая игра жанра Tower Defense. Вам нужно отбить свою базу от врагов, расставляя защитные башни с помощью знаний в CSS.

#css
Десять советов по улучшению CSS-переходов и анимации

Одни анимации и переходы только украшают приложение — другие делают его хуже. Пользователи могут не понимать, что такого особенного в переходах или анимации, но они могут чётко определить разницу между хорошим и плохим.

Как избежать негативных отзывов при создании собственных виджетов? В этой статье автор собрал советы и рекомендаций для CSS анимаций :

https://joshcollinsworth.com/blog/great-transitions

#css
Бесконечная прокрутка на сайте

Бесконечная прокрутка — это функция, которая позволяет автоматически загружать новый контент при прокрутке вниз страницы. В статье рассматриваются различные способы реализации бесконечной прокрутки и даются советы по её оптимизации для улучшения пользовательского опыта. Если вы являетесь веб-разработчиком и хотите улучшить функциональность своего веб-сайта, то данная статья будет полезна для вас:

https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172

@htmlcssjavas