Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam

Пикабу Игры +1000 бесплатных онлайн игр

Тайна Самоцветов: Ключ Сокровищ - Три в ряд

Казуальные, Три в ряд, Головоломки

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

Башня

Аркады, Строительство, На ловкость

Играть
Грибные блоки - красочная головоломка, в которой вам предстоит передвигать блоки и заполнять ряды, чтобы собирать грибочки в корзину! Попробуйте продержаться как можно дольше!

Грибные блоки

Головоломки, Расслабляющая, Пазлы

Играть
 Что обсуждали люди в 2024 году? Самое время вспомнить — через виммельбух Пикабу «Спрятано в 2024»! Печенька облегчит поиск предметов.

Спрятано в 2024

Поиск предметов, Казуальные

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

Реальная Рыбалка

Симуляторы, Мультиплеер, Спорт

Играть

Топ прошлой недели

  • CharlotteLink CharlotteLink 1 пост
  • Syslikagronom Syslikagronom 7 постов
  • BydniKydrashki BydniKydrashki 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Javascript

С этим тегом используют

Программирование IT HTML IT юмор Программист Frontend CSS Все
965 постов сначала свежее
54
otstalii
otstalii
5 месяцев назад
Аниме

JS-тян и TS-тян⁠⁠

JS-тян и TS-тян Аниме, Арты нейросетей, Anime Art, Original Character, Хуманизация, Программирование, Javascript, Typescript

у TypeScript большой "багаж" знаний :3

Показать полностью 1
[моё] Аниме Арты нейросетей Anime Art Original Character Хуманизация Программирование Javascript Typescript
5
3
linoles
linoles
5 месяцев назад

Поисковые запросы...⁠⁠

Поисковые запросы...
[моё] IT Программист Next Javascript Framework Веб фреймворки Разработка IT юмор Мемы Юмор
2
6
a3at0s
a3at0s
5 месяцев назад
Web-технологии

Опенсорсный проект на Vue3 + Ionic⁠⁠

Приветствую, друзья!

Недавно я опубликовал пост о своем мобильном приложении MyTasks.
Данный пост больше нацелен на разработчиков (начинающих и более опытных).
Я решил сделать этот проект опенсорсным, ссылка на проект в github:
https://github.com/azatgt1996/my-tasks.

Цель проекта: поделиться опытом разработки мобильного приложения на Vue3 и Ionic Capacitor.
Проект не сложный, надеюсь начинающие смогут понять код, старался декомпозировать на модули и компоненты, давать хорошие названия им.
Также буду рад увидеть фидбек от более опытных разработчиков в плане лучших практик разработки.

Немного про фичи приложения:
- добавление, редактирование, выполнение и удаление задач (последние 2 действия можно выполнять прямо в списке свайпами влево/вправо)
- мультиязычность, темная тема, настройки
- категории задач
- групповые действия с задачами
- уведомления и приоритеты задач
Ссылка на само приложение:
https://play.google.com/store/apps/details?id=com.kvarta.myt...

Также проект можно смело использовать как костяк для собственных проектов, что ускорит разработку.
И пару слов почему решил использовать такой стек. Vue3 и Ionic являются удобными инструментами для фронтенд разработчика, так как имеется хорошая документация с примерами. Для разработки на Ionic нет необходимости запускать android-эмулятор, что сильно экономит время и ресурсы компьютера. Просто запускаете проект и сразу видите результат в вашем браузере.

Спасибо за внимание!

Показать полностью
[моё] Vue Javascript Frontend Web-программирование Приложение на Android Текст
2
Блог компании
kata.academy
kata.academy
5 месяцев назад
Лига программистов

Как поладить с JavaScript: советы от начинающего кодера⁠⁠

Быть новичком в IT непросто. К счастью, сообщество разработчиков всегда готово прийти на помощь. Мы попросили начинающего кодера Анну поделиться своими наблюдениями и лайфхаками по изучению языка Java Script.

Как поладить с JavaScript: советы от начинающего кодера Обучение, Учеба, Карьера, Программирование, Javascript, Разработка, IT, Совет, Длиннопост, Блоги компаний

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

Сразу пишите код

Даже несложные задачи вроде вывода текста в консоль постепенно приучают к работе с кодом. Универсальный вариант — учебник JavaScript на learn.javascript. Здесь после каждого урока есть упражнения. А еще с практикой вам помогут сайты-задачники Codewars и LeetCode.

Развивайте навык функционального чтения

Зазубривание теории не научит мыслить как разработчик. Учитесь категоризировать информацию, разбивать ее на части, выделять в них главное и запоминать это. Такой подход поможет сохранить в памяти самое важное из теории. А все остальное всегда можно посмотреть в интернете.

Подружитесь с ошибками

В любом деле ошибки — это нормально. А в нашем — даже хорошо. Они показывают, что именно работает не так в программе. Например, SyntaxError говорит о проблеме в синтаксисе кода вроде коварной пропущенной запятой или закрывающей скобки. Поэтому важно не только побороть огорчение при встрече с ошибками, но и разобраться в их типах.

Не забывайте: каждая ошибка — это урок, а не поражение. Они учат видеть больше, думать глубже и находить нестандартные решения. И это точно не повод забросить программирование.

Структурируйте свое обучение

Составьте подробный план: начните с основ JavaScript, затем изучите DOM, работу с API и фреймворки. Разбейте обучение на этапы, чтобы не перегружать себя. Главное — двигаться шаг за шагом, не пропуская практику. С этим поможет курс frontend-разработки на JavaScript от Kata Academy. Программа включает все для старта в IT и получения профессии. А оплатить обучение можно после трудоустройства.

Учитесь искать информацию

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

Или воспользуйтесь туториалами от разработчиков с форума Stack Overflow. Но сначала их нужно отыскать. Формулируйте запрос четко: указывайте язык, технологию и текст ошибки. Не «ошибка 'x' undefined, что делать», а «JavaScript TypeError: Cannot read property 'x' of undefined». И разбирайтесь в найденном. Копирование кода без понимания только замедлит обучение.

Учитесь читать документацию

Этот навык особенно пригодится в дальнейшем при работе с фреймворками. А для основной документации JavaScript есть удобная энциклопедия MDN Web Docs. Например, вам интересен принцип работы метода array.map(). Заходим на MDN и получаем: подробное описание метода, синтаксис, примеры использования, а также пояснения, какие типы данных он принимает и что возвращает.

Выбирайте обучающие видео с умом

Не пытайтесь сразу вникнуть в материалы вроде «Пишем интернет-магазин с нуля на JavaScript с фреймворками React & Node.JS». На первых порах эти видео напугали меня обилием информации. Всему свое время — начните с курсов, где достаточно внимания уделяют базовым понятиям. Такие материалы есть на каналах вроде itProger или Bogdan Stashchuk. А если понимаете, что самостоятельно не справитесь, начните учиться в школе программирования.

Помните: любая задача решаема

В программировании ошибки и тупики — естественная часть процесса. Не опускайте руки, если что-то не получается сразу. Я сама много раз думала, что ситуация безнадежна, и мне не стать программистом. JavaScript — гибкий язык, и часто одну задачу можно решить разными способами. Ищите обходные пути и экспериментируйте.


Начните изучение JavaScript в Kata Academy. Мы поможем вам приобрести и структурировать знания, получить практический опыт, собрать первое портфолио. А наши менторы всегда подскажут верное направление, если что-то будет непонятно.

УЗНАТЬ ПРО ПОСТОПЛАТУ

Реклама ООО «Ката Академия», ИНН: 7802925162

Показать полностью 1
Обучение Учеба Карьера Программирование Javascript Разработка IT Совет Длиннопост Блоги компаний
17
3
programmator69
programmator69
5 месяцев назад
Web-технологии

Плавное погружение в SvelteKit на примере создания сайта знакомств. Часть 6⁠⁠

Посмотреть: рутуб, youtube

С озвучкой помог Борис из SaluteSpeech

Содержание:

  • Страница с чатами и совпадениями

Показать полностью
[моё] Web-программирование Javascript Pikaweb Видео
0
5
Вопрос из ленты «Эксперты»
malloc
6 месяцев назад

Курсы по JS⁠⁠

Ребята, помогите пожалуйста. Несколько лет назад окунулся в Python, в чем сильно-сильно помог цикл бесплатных курсов на Степике - "Поколение Python" (ну, есть пару платных, у них, но там уже более продвинутые вещи, база - бесплатная). Главное их достоинство лично для меня - отсутствие видео, все обучение изложено текстом, за которым следует огромное количество практических заданий. Видосы, особенно многочасовые, не перевариваю от слова совсем.

И вот сейчас появилась необходимость выучить (хотя бы самые основы, типы данных, общий синтаксис, циклы, функции) JavaScript. Посоветуйте, пожалуйста аналогичные курсы - чтобы максимум практики и без видео лекций. Спасибо!

Без рейтинга Javascript Обучение Онлайн-курсы Stepik Вопрос Спроси Пикабу Текст
5
10
Sinigamiruyk
Sinigamiruyk
6 месяцев назад
Лига программистов

CoderKit: бесплатный швейцарский нож для программистов и IT-специалистов⁠⁠

CoderKit: бесплатный швейцарский нож для программистов и IT-специалистов Сайт, Программирование, SEO, Javascript

Привет, Пикабу! 👋

Все мы знаем, что быть разработчиком — это вечный баланс между дедлайнами, миллионом вкладок в браузере и поиском решения на Stack Overflow. Но что если я скажу вам, что есть место, где собраны десятки полезных инструментов, и всё это бесплатно? Знакомьтесь, CoderKit — сервис, который уже успел стать верным помощником для разработчиков, безопасников и даже тех, кто занимается SEO.

💡 Что такое CoderKit?
Это набор инструментов для всех, кто связан с кодом, оптимизацией и нуждается в быстрых и простых решениях. Сервис полностью бесплатен (да-да, никаких скрытых платежей, триальных периодов и подписок). Просто заходите, выбираете нужный инструмент и работаете.

🔧 Инструменты для разработчиков:

  • Форматирование кода — забудьте про кривой JSON, PHP или HTML. Вставляете код, нажимаете кнопку, и всё красиво.

  • Генерация .htaccess — создание настроек сервера за пару секунд. Больше не нужно ломать голову над синтаксисом.

  • Случайные имена в стиле Docker — никаких больше container123 или superproject1. Ваши контейнеры будут стильными!

  • Генератор паролей — больше не тратьте время на изобретение сложных комбинаций.

🎨 Графика и визуал:

  • AI-генератор изображений — создавайте картинки с помощью искусственного интеллекта. Подходит даже тем, кто не умеет рисовать.

  • Оптимизация изображений — ужмите картинки без потери качества, чтобы ваш сайт грузился быстрее.

  • Генератор favicon — идеально для ленивых фронтенд-разработчиков (да, я про нас 😅).

  • QR-коды — не только для визиток, но и для Wi-Fi настроек, ссылок и прочего.

🔐 Инструменты безопасности:

  • Проверка JWT-токенов — быстрое декодирование и проверка.

  • Base64-конвертер — для шифрования и декодирования.

  • Генерация хэшей: MD5, SHA1, SHA256 и даже SHA512. Всё на одном экране.

📊 SEO и тексты:

  • Генератор robots.txt — задавайте параметры для поисковых ботов.

  • DNS проверка — проверяйте настройки домена, чтобы не гадать, почему сайт не открывается.

  • Анализ редиректов — полезно, если у вас сложная структура сайта.

  • Генератор Lorem Ipsum — создавайте текст-заполнители для макетов и прототипов.

  • Статистика текста — подсчёт символов, слов и других параметров текста.

🎁 Почему CoderKit — это находка?

  1. Бесплатно. Ни копейки за функционал. Даже никаких ограничений "N раз в месяц".

  2. Удобно. Лаконичный интерфейс, который не заставляет лезть в документацию. Всё просто.

  3. Все в одном месте. Больше не нужно собирать инструменты с десятков сайтов. Здесь есть всё.

  4. Подходит всем. Разработчикам, дизайнерам, безопасникам, SEO-специалистам — найдется что-то полезное для каждого.

Так что, друзья, если вы устали от рутинных задач, зайдите на coderkit.ru и попробуйте сами. Это место, где магия программирования становится реальностью, а рутина — щелчком пальца.

CoderKit уже облегчил мне жизнь. А как вы экономите время на мелочах? Пишите в комментариях, давайте делиться лайфхаками! 🚀

Показать полностью
[моё] Сайт Программирование SEO Javascript
6
5
Djunney
Djunney
6 месяцев назад

Создание игры⁠⁠

Всем добрый.
Как то одним вечером мне пришла в голову мысль создавать игру. Но создавать я её решил в необычном месте, в браузере. Она не использует какие либо сложные технологии. Фактически всё держится на html,css,js + сервер на nodejs, который обрабатывают всю информацию что где нажато и где хранится вся информация и передаётся игроку дабы не нагружать страницу.

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

Благо ИИ помогают с текстами и картинками, но я бы наверное хотел какой то свой стиль, только ещё не пришёл к нему.

Могу выкладывать врем от времени процесс разработки и какие новые вещи появились в игре. Да и в целом могу рассказать что уже имеется. "Игра" пока что на локальном компьютере и её нет в интернете, т.к ещё слишком сырая, но прилагаю скриншоты.

1. Главное меню. Да, пока идея останавливается на одной сессии. Создал, Умер, заново. Каждый новый забег - новый опыт. А если устал, то можно всегда выйти и в будущем продолжить там где остановился. Игра уже запоминает где ты был что делал и так далее.

Создание игры Компьютерные игры, Игры, Браузерные игры, Браузер, Web-программирование, HTML, CSS, Javascript, Длиннопост

2. Создание персонажа (Я пока не до конца решил будут ли классы или расы или что то ещё, но какие то уникальные карты и особенности точно добавлю.

Создание игры Компьютерные игры, Игры, Браузерные игры, Браузер, Web-программирование, HTML, CSS, Javascript, Длиннопост

3. Карта, по которой можно будет перемещаться. Генерируется рандомно, пока это цветные клетки, в будущем это будут места интересностей (мельница, пещера, заброшенный дом, болото и т.д). Есть 10 ходов до наступления ночи и что то произойдёт))

Создание игры Компьютерные игры, Игры, Браузерные игры, Браузер, Web-программирование, HTML, CSS, Javascript, Длиннопост

4. Боёвка

Создание игры Компьютерные игры, Игры, Браузерные игры, Браузер, Web-программирование, HTML, CSS, Javascript, Длиннопост

Ваша экипировка дарует вам карты, эти карты можно использовать в боёвке. У персонажа есть Сила Ловкость Выносливость Дух Интеллект и Харизма. Каждая карта требует своё количество очков какого либо атрибута. Монстры так же имеют свои карты и логику поведения. Карты они играют сразу, но вот какие зависит от того что вы играли ранее, или сколько у вас хитов и так далее. В будущем будут карты силы (А ля воин) , для магов (Интеллект) , для Шаманов (Дух) и прочее прочее))

На этом всё! Спасибо если дочитали до конца.
Всем продуктивных будней ;)
С вами был , Djunney

Показать полностью 4
[моё] Компьютерные игры Игры Браузерные игры Браузер Web-программирование HTML CSS Javascript Длиннопост
4
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии