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

Спрятано в 2024

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

Играть

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

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

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

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

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

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

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Javascript

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

Программирование IT HTML IT юмор Программист Frontend CSS Все
964 поста сначала свежее
Блог компании
kata.academy
kata.academy
6 месяцев назад
Лига программистов

Как поладить с 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
6 месяцев назад
Web-технологии

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

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

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

Содержание:

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

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

Курсы по JS⁠⁠

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

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

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

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
6
Djunney
Djunney
7 месяцев назад

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

Всем добрый.
Как то одним вечером мне пришла в голову мысль создавать игру. Но создавать я её решил в необычном месте, в браузере. Она не использует какие либо сложные технологии. Фактически всё держится на 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
1
cododelia
cododelia
7 месяцев назад
Лига программистов

ЧЕТЫРЕ РАЗА! — ПЕРЕПИСЫВАЛ... проект! (Supabase, Strapi, AppWrite, Directus, FilamentPHP)⁠⁠

ЧЕТЫРЕ РАЗА! — ПЕРЕПИСЫВАЛ... проект! (Supabase, Strapi, AppWrite, Directus, FilamentPHP) Программирование, Javascript, Backend, Cms, Mysql, Postgresql, IT, Фриланс, Длиннопост, PHP, Laravel, Nodejs, Typescript, Личный опыт, React

AppWrite, SupaBase, Directus, Strapi - не понравились

AppWrite

Есть всё, кроме массового импорта. Мощнейшая вещь.

Но настройка его сложна для новичка, и жрет о 2-4гб оперативки на сервере.

SupaBase

Крутая штука, не допёр как сделать авторизацию 🤣

И тоже с настройкой были траблы.

Плюс мне не нравится HTTP Basic Авторизация по захардкоженным credentials в конфиге прокси сервера.

За то импорт и экспорт нормальный есть

Directus

Очень крутая штука, особенно его Flows.

Стал сильно продуманнее за прошедшие полгода с моей встречи с ним.

Но все так же документация меня вымораживает. Много не раскрытых тем, и скрытых, не упомянутых ограничений.

Например условная нода логики в тех же Flow - не поддерживает тупую проверку входных данных на их наличие... Не уверен что мне когда-либо понравится это. И так же во flows много других ограничений, хотя задумка улетная.

В остальном это комбайн для супер быстрого старта, толком даже без настроек, всё мышкой можно сделать.

Ограничения так же можно обойти, сделав простое расширение, я так пол логики в прошлом проекте сделал, но теряется весь шарм легкости и наглядности. 🥲

Думаю ребята в нужном направлении двигаются, и их время просто ещё не настало, держу звезду на гитзабе за них.

Strapi

HeadlessCMS, да. Крутая, да. Популярная? А вот хз-хз.

Вроде раньше много где встречал про неё статьи, и на гитхабе звезд куча насыпано.

НО КАК? Как может не быть у такой популярной CMS функционала для импорта/экспорта, хотя бы банального!?

Он справделивости ради есть в официальном маркете расширений, но... На прошлую версию 😖 Не без обратной совместимости 😩

Ну я его тоже оставил откисать.

FilamentPHP

Тяжелая артилерия из TALL Stack компонентов и не то что целой системы, а уже целой ЭКОсистемы для любого рода панелей, да еще и на базе Laravel 😤

Ну это козырь был.

Я пытался, честно, вот даже описал что меня останавило, и на каждый из вариантов я потратил минимум 4 часа времени.

Думал ребята допили свои проекты, обещающие супер быстрый старт, но везде какие-то проблемы...

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

Меня просто удивляет продуманность этого Filament. Баги есть, не без них, конечно. Как оказалось без ошибок ни то, что люди, роботы не справятся 🙃 (Отсылка к нейросетям)

Тут я за пару дней уложился извернуться и не сорвать сроки, а сделано:

  • Админка

  • Бизнес логика

  • Token Based Авторизация по API
    (пришлось потратить полдня, чтобы разобраться в этой теме, так как я её намеренно игнорировал последние 3 года)

  • API c аутентификацией по токену

  • Расширение для хрома на WXT + React (TanStack Router, Query, Store)

  • Для расширения хромовского - я вообще только с WXT работал и голым React, чисто для верстки.

К сожалению - опять не пригодился Background скрипт, так что всё ещё познать вполне не удастся разработку расширений...

Но с TanStack я не работал. Как-то раз для крипто проекта пытался его настроить и за целый день - так и не вышло. Сейчас же скажу - это мастхэв! Очень крутая штука!

Ну и отказался от Tailwind и SCSS в пользу CSS Modules в паре с clsx. И я не сказал бы, что стили писать долго. В моем случае я заказы беру вообще без дизайна и предпочтений, так что 50-80% от них пишет нейросеть, а я просто не претендую на произведение искусства 😆

Кто работал с этими комбайнами, опишите свой опыт, мб я чего не догоняю...
Конкретно с AppWrite - разбираться не стал в силу ограничения по срокам, а supabase по инерции последним выбыл.

Показать полностью
[моё] Программирование Javascript Backend Cms Mysql Postgresql IT Фриланс Длиннопост PHP Laravel Nodejs Typescript Личный опыт React
3
532
tproger.official
tproger.official
7 месяцев назад
Типичный программист

Расизм в программировании⁠⁠

[моё] IT IT юмор Программирование Javascript Джей и Молчаливый Боб Программа Видео
50
Партнёрский материал Реклама
specials
specials

Считаете себя киноманом 80 LVL?⁠⁠

Залетайте проверить память и сообразительность → Будет интересно

Киногерои Тест Текст
3
a3at0s
a3at0s
7 месяцев назад

Мобильное приложение на Ionic + Vue3⁠⁠

Приветствую всех!
Недавно разработал мобильное приложение - таск менеджер на android с использованием опенсорсных фреймворков Ionic7 и VueJs3.
Также возможно портировать и под ios.

Ссылка на приложение в play market:
https://play.google.com/store/apps/details?id=com.kvarta.myt....

Буду рад, если конструктивно покритикуете мое приложение и укажите на выявленные баги.
Можете также предложить свои видения.
В плане разработки, могу подсказать как была реализована та или иная фича в коде.
Если будет много желающих, могу выложить проект в публичный доступ в github.

Основные фичи:
- создание, редактирование, удаление и выполнение задач (последние 2 можно выполнять свайпами в списке)
- задание приоритетов и времени уведомлений(если уведомление не приходит то нужно включить автозапуск и уведомления в настройках)
- фильтр, сортировка и поиск
- категории задач
- темная/светлая тема
- маленький вес (3мб)
- мультиязычность приложения (можно также предложить свой перевод, сейчас доступны русский, английский и испанский)
- групповые действия с задачами (для этого нужно нажать на задачу и удерживать ее)

Скрины приложения:

Мобильное приложение на Ionic + Vue3 Javascript, Vue, Android разработка, Приложение на Android, Indiedev, Длиннопост, Google Play
Мобильное приложение на Ionic + Vue3 Javascript, Vue, Android разработка, Приложение на Android, Indiedev, Длиннопост, Google Play
Мобильное приложение на Ionic + Vue3 Javascript, Vue, Android разработка, Приложение на Android, Indiedev, Длиннопост, Google Play
Мобильное приложение на Ionic + Vue3 Javascript, Vue, Android разработка, Приложение на Android, Indiedev, Длиннопост, Google Play
Мобильное приложение на Ionic + Vue3 Javascript, Vue, Android разработка, Приложение на Android, Indiedev, Длиннопост, Google Play
Показать полностью 5
[моё] Javascript Vue Android разработка Приложение на Android Indiedev Длиннопост Google Play
12
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии