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 - 🐍
加入频道
🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽?

🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке

📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения

Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой

👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/qj8c/

Реклама. Информация о рекламодателе на сайте otus.ru
SpaceX-REST-API – API для получения данных о ракетах, капсулах, пусковых площадках и т.д. компании SpaceX

Ссылка на проект

@htmlcssjavas | #Interesting #JavaScript
HTML, JavaScript, YandexAPI и щепотку Bootstrap

Думаю, что все знают про YandexAPI, но знать недостаточно, надо применять. Сегодня разберу небольшую задачу, которая заключается в следующем:

необходимо создать форму, для ввода адресов точек отправления и прибытия;
создать карту и построить маршрут от точки отправления до точки прибытия.
Покажу одну из возможных реализаций на языке JavaScript, создам форму на HTML и приправлю все немножечко Bootstrap v5.

Что необходимо отобразить на странице для выполнения задачи:

поле ввода для точки отправления;
поле ввода для точки прибытия;
кнопку подтверждения отправки формы;
область для вывода карты с информацией откуда и куда в виде карточки, где карта располагается сверху, а прочая информация ниже.

➡️ Читать дальше

@htmlcssjavas
Создание HTML5 игр с помощь Phaser 3 и JavaScript

1. Промо ролик курса
2. Введение в курс
3. Установка и запуск PhaserEditor2d
4. Запускаем демо проект
5. Создаем новый проект
6. Добавляем спрайты на сцену
7. Структура проекта (часть 1)
8. Введение в объекты и классы
9. Структура проекта (часть 2)
10. Перемещение игрока

#video #html

https://www.youtube.com/watch?v=W8wcz8fdwTc&list=PLNtbY2SklBywJIkD7BH3vC6aIlFLsn6DD
Новые методы массива

Клонирование или копирование - очень распространенная операция в JavaScript. На данный момент самым популярным способом копирования является использование оператора spread(...). Он очень удобен и при изменении скопированного массива, исходный не будет изменяться. 

const myArray = [ 1, 2, 3];
const newArray = [...myArray];

Поскольку клонирование часто используемая операция, в новой спецификации было предложено добавить множество новых способов копирования с последующим изменением массива: 
- toReversed - копирует массив, а затем переворачивает;
- toSorted - копирует массив, а затем сортирует;
- toSpliced - копирует массив и удаляет элементы и/или добавляет новые элементы (то же самое, что и метод splice, только без изменения исходного массива);
- with - копирует массив и добавляет в него новый элемент.

Подробнее читайте в статье!

Ссылка на статью

#js
sshuttleПрозрачный прокси-сервер, который работает как VPN но через ssh

Не требует root, Работает с GNU/Linux, BSD и MacOS. Поддерживает туннелирование DNS

Ссылка на проект

@htmlcssjavas | #VPN #Linux #MacOS #DNS #Interesting
Screenshoter-WEB – python-скрипт с графическим интерфейсом на qt5 для создания скриншотов веб сайтов в необходимом разрешении и с необходимым масштабом

Ссылка на проект

@htmlcssjavas | #Interesting #Web #Browser
This media is not supported in your browser
VIEW IN TELEGRAM
3D Room - Pure CSS

Вращающаяся 3D-комната. Написана на чистом CSS.

#анимация #css

https://codepen.io/ricardoolivaalonso/pen/mdPzrpe
Clone-wars репозиторий с более чем 100 клонов популярных сайтов с открытым исходным кодом

Здесь вы найдёте клоны таких сайтов как Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube и т. д.

⚙️ Ссылка на проект

#Interesting #Archive

@htmlcssjavas
🔥 Полезнейшая Подборка каналов

🖥 Machine learning
@ai_machinelearning_big_data – все о машинном обучении
@data_analysis_ml – все о анализе данных.
@machinelearning_ru – машинное обучении на русском от новичка до профессионала.
@machinelearning_interview – подготовка к собеседования Data Science
@datascienceiot – бесплатные книги Machine learning
@ArtificialIntelligencedl – канал о искусственном интеллекте
@neural – все о нейронных сетях
@machinee_learning – чат о машинном обучении
@datascienceml_jobs - работа ds, ml

🖥 Python

@pro_python_code – погружение в python
@python_job_interview – подготовка к Python собеседованию
@python_testit тесты на python
@pythonlbooks - книги Python
@Django_pythonl django
@python_djangojobs - работа Python

🖥 Java
@javatg - Java для програмистов
@javachats Java чат
@java_library - книги Java
@android_its Android разработка
@java_quizes - тесты Java
@Java_workit - работа Java
@progersit - шпаргалки ит

🖥 Javascript / front
@javascriptv - javascript изучение
@about_javascript - javascript продвинутый
@JavaScript_testit -тесты JS
@htmlcssjavas - web
@hashdev - web разработка

👣 Golang
@golang_interview - вопросы и ответы с собеседований по Go. Для всех уровней разработчиков.
@Golang_google - go для разработчиков
@golangtests - тесты и задачи GO
@golangl - чат Golang
@GolangJobsit - вакансии и работа GO
@golang_jobsgo - чат вакансий
@golang_books - книги Golang
@golang_speak - обсуждение задач Go

🖥 Linux
@linux_kal - чат kali linux
@linuxkalii - linux kali
@linux_read - книги linux

👷‍♂️ IT работа

@hr_itwork - ит-ваканнсии

🖥 SQL
@sqlhub - базы данных
@chat_sql - базы данных чат

🤡It memes
@memes_prog - ит-мемы

⚙️ Rust
@rust_code - язык программирования rust
@rust_chats - чат rust

#️⃣ c# c++
@csharp_ci - c# c++кодинг
@csharp_cplus чат

📓 Книги

@programming_books_it
@datascienceiot
@pythonlbooks
@golang_books
@frontendbooksit
@progersit
@linux_read
@java_library
@frontendbooksit

📢 English for coders

@english_forprogrammers - Английский для программистов

🖥 Github
@github_code
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Wifi Signal animations

Элементы созданы на canvas и анимированы в JS.

https://codepen.io/artinmn/pen/yLRBjr

@htmlcssjavas
This media is not supported in your browser
VIEW IN TELEGRAM
Rotating links/buttons with text placed on a circular path

Вращающиеся ссылки/кнопки с текстом, расположенным по круговой траектории. Реализован на чистом CSS.

#кнопка #css

https://codepen.io/natszafraniec/pen/eYMPEaM

@htmlcssjavas
This media is not supported in your browser
VIEW IN TELEGRAM
Player/User Cards

Карточки игроков (пользователей) с просмотром дополнительной информации при наведении курсора мыши. Реализованы на чистом CSS.

#css

https://codepen.io/alvaromontoro/pen/ebPEWb
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация загрузки, напоминающая морскую волну.

Пример применения:
🔶 ожидание загрузки фильма;
🔶 ожидание открытия электронной книги;
🔶 запуск приложения.

#загрузки #ожидание #прелоадер

https://codepen.io/rikhnovets/pen/qBYygpo
This media is not supported in your browser
VIEW IN TELEGRAM
Interpolate Between Paths (draw with your pointer)

Анимация позволяющая делать наброски галограмм. Реализована с помощью JavaScript.

#анимация #css #javascript

https://codepen.io/creativeocean/pen/bGvyRWd
Ускоренный отбор в Яндекс – Intern week offer 🔥

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

Направления: Backend, Frontend или Mobile

Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате.

Крайний срок подачи заявки и решения контеста – 30 октября.

👉Подать заявку: https://clck.ru/32RPZK
COLORION — сайт с огромным числом цветовых подборок

Коллекцию представленных на платформе палет можно использовать как в создании сайтов, так и приложений. При этом подходящие варианты смогут найти как приверженцы material-, так flat-дизайнов.

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

#web #дизайн
Gray Grids — онлайн-площадка с шаблонами Bootstrap и отзывчивыми веб-шаблонами HTML

Здесь можно найти варианты оформления практически на любой вкус. Есть как варианты стоимостью в несколько десятков долларов, так и совершенно бесплатные варианты.

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

#bootstrap #web #html
Ускоренный отбор в Яндекс – Intern week offer 🔥

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

Направления: Backend, Frontend или Mobile

Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате.

Крайний срок подачи заявки и решения контеста – 30 октября.

👉Подать заявку: https://clck.ru/32S4mT