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

Сноуборд

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

Играть

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

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

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

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

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

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

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

Javascript + Web-программирование

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

Программирование IT HTML IT юмор Программист Frontend CSS Web Веб-разработка Все
136 постов сначала свежее
Tomik12374
3 года назад

Как получить код Динозаврика Гугл⁠⁠

Мне нужен весь HTML, CSS и JavaScript код)

[моё] Google Javascript HTML CSS Программирование Web-программирование Текст
7
QSabina
QSabina
3 года назад

Купон 1000$ от Google Cloud Partner на курсы (см. описание)⁠⁠

Купон 1000$ от Google Cloud Partner на курсы (см. описание) Халява, Бесплатно, Google, IT, Курсы, Обучение, Дистанционное обучение, Программист, Программирование, Web-программирование, Развитие, Знания, SMM, SEO, Акции, Услуги, Промокод, Компьютер, Javascript, Python, Длиннопост

└ Источник: FREEHUB (может быть сейчас заслужили твоей подписки?)

▪️ ПЕРЕЙТИ | 70 000₽

💁🏻‍♂️ Google Cloud Partner дарят вам купон на 1000$, то есть вы переходите по ссылке, выбираете понравившиеся курсы и при оформлении заказа вводите промокод, таким образом цена будет равна 0$ » вы не можете сразу записаться на все курсы, пробуйте по 3-4 курса за один раз, поэтому старайтесь выбирать понравившиеся курсы, а что касаемо самого промокода - он действует до 31 декабря.

ПРОМОКОД: GCP-LABS

🤷🏻‍♂️ ЧТО НУЖНО ДЕЛАТЬ:

1. Открываем » FastLane.

2. Выбираем 5 курсов.

└ Оформляем заказ

Купон 1000$ от Google Cloud Partner на курсы (см. описание) Халява, Бесплатно, Google, IT, Курсы, Обучение, Дистанционное обучение, Программист, Программирование, Web-программирование, Развитие, Знания, SMM, SEO, Акции, Услуги, Промокод, Компьютер, Javascript, Python, Длиннопост

3. Вводим промокод (см. выше).

└ Цена будет 0$

Купон 1000$ от Google Cloud Partner на курсы (см. описание) Халява, Бесплатно, Google, IT, Курсы, Обучение, Дистанционное обучение, Программист, Программирование, Web-программирование, Развитие, Знания, SMM, SEO, Акции, Услуги, Промокод, Компьютер, Javascript, Python, Длиннопост

4. Готово, поздравляю - пользуемся.

UPD:

После того, как оформили первые 5 курсов, повторяем и оформляем еще 5 курсов » можно пробовать по третьему кругу - прокачивайте свои мозги и всем добра.



💎 Источник: FREEHUB (Твой бриллиант в Telegram)
Адски стараемся радовать и удивлять своих подписчиков годными публикация, но не все знают о нашем канале, также мы не принуждаем вас подписываться, но если вы посмотрели канал и он вам понравился - подписывайтесь, так как для нас это огромная поддержка.
Показать полностью 2
Халява Бесплатно Google IT Курсы Обучение Дистанционное обучение Программист Программирование Web-программирование Развитие Знания SMM SEO Акции Услуги Промокод Компьютер Javascript Python Длиннопост
4
9
andrew.motinga
3 года назад

Могу помочь изучить веб программирование №2⁠⁠

главный пост -> Могу помочь изучить веб программирование

хотел просто его обновить, но не вижу как.

просто хотел добавить вот это: (так как сам не знал до недавнего времени что оно есть)

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

достаточно качественно и бесплатно. - очень советую.

https://www.appacademy.io/course/app-academy-open

Так же они предлагают там какую-то менторскую программу всего за $30 в месяц.
Не знаю что она из себя представляет конкретно - так как сам не проходил - но на бумаге выглядит очень хорошо.


https://www.theodinproject.com/ - тоже хорош. если его пройти полностью - очень неплохой старт.


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

Taк же, онлайн комьюнити тоже достаточно, stack overflow, reddit, pikabu вот.. дискордов всяких достаточно где люди кучкуются и учатся вместе.

Таким образом, мне кажется все сводится к желанию и возможности.

Единственный нюанс конечно это английский язык, но это практически необходимость в любом случае (даже если начать учить программировать по русски, все равно со временем английский нужно учить) 
Показать полностью
[моё] Web-программирование HTML CSS Javascript Ruby on Rails Ruby Программирование Текст
17
0
Arnold4White
Arnold4White
3 года назад

Замена текста на любом ресурсе через скрипт - Хелп⁠⁠

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

Я попробовал:
1) Внести изменения через консоль. Не смог найти плагин который бы сохранял внесённые изменения между div и подгружал их вновь при перезагрузке.

2) Пробовал применить плагин User JavaScript and CSS через который который запускаю мини скрипт переводящий конкретное слово на странице, и частично получилось. Но полностью исчезало оформление текста, стили, всё. Оставался только текст.

3) Попробовал через консоль сохранить файл отвечающий за перевод, но структура ресурса не позволила мне использовать локальный файл и ресурс отказался запускаться выдав ошибку.

Потратил весь день.
Идея с запуском скрипта для замены слов мне понравилась больше, но я не бум бум в этом по этому у меня получилось не очень.

Может кто способен помочь мне в этом нелёгком для меня деле.

Ресурс: bubble.io
Код который использовал для замены текста:
const elements = document.querySelectorAll('div.tab.tabs-1.selected');
elements.forEach((element) => {
element.textContent = element.textContent.replace('Design', 'Дизайн');
});

Значения хранятся между булок (шутка). Между тегами div

Замена текста на любом ресурсе через скрипт - Хелп Javascript, Яндекс Переводчик, Google Translate, Помощь, Web-программирование, Длиннопост

Пробовал повесить код на div.body но он сожрал все оформление. Опять же, в моем варианте мини скрипта, придется для каждого класса div писать одни и те же строки, а хотелось бы по компактнее и скопом все слова вбить списком, и их замену. Но, я не разбираюсь как все правильно сделать.

Замена текста на любом ресурсе через скрипт - Хелп Javascript, Яндекс Переводчик, Google Translate, Помощь, Web-программирование, Длиннопост

Если сообразится рабочий способ дополню статью внизу для всех таких как я. Со всеми подробностями.

Показать полностью 2
[моё] Javascript Яндекс Переводчик Google Translate Помощь Web-программирование Длиннопост
12
0
Garichuchello
3 года назад

А можно ли на React?⁠⁠

Всем привет!

Реализовал такую фичу на native JavaScript , может кто то знает как можно получить похожий эффект в React?

Заранее спасибо!

[моё] Javascript React Программирование HTML CSS Web Web-программирование Ui Помощь Видео Вертикальное видео
22
timurovtt
3 года назад

Помогите установить библиотеку swiper⁠⁠

Руководствуясь документацией и видео с youtube, установил библиотекe Swiper для создания слайдера, но видимо чего-то не учёл или где-то допустил ошибку, которую не могу найти и поэтому слайдер не работает.

Помогите установить библиотеку swiper HTML, CSS, Javascript, Верстка, Web-программирование

Это структура html-кода для блока со swiper.

Помогите установить библиотеку swiper HTML, CSS, Javascript, Верстка, Web-программирование

Это подключение библиотеки.

Помогите установить библиотеку swiper HTML, CSS, Javascript, Верстка, Web-программирование

Это JavaScript.

Показать полностью 2
HTML CSS Javascript Верстка Web-программирование
11
30
Fi1osof
Fi1osof
3 года назад
Лига образования

Тестовый проект для изучения JS/TS/React/GraphQL/Prisma-2/Next-js и т.п⁠⁠

Всем привет!


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


Тут следует отметить, что если вы просто изучаете JS/React, то конечно же достаточно и базового инструмента create-react-app или next-js. Но все же, если метить в коммерческую разработку, то даже на джуна потребуется от вас знаний сильно больше, чем просто базовый реакт. Моя заготовка - это комплексный фуллстэковый проект, включающий в себя в том числе и средства работы с базами данных, GraphQL-API, styled-components и прочие вещи, установленные и настроенные для совместной работы в рамках единого проекта. Освоив даже часть из этого, вы будете знать сильно больше, чем просто реакт. А если вы делаете первые шаги, то все это должно сильно помочь с пониманием как вообще что работает.


Есть момент: материал написан под операционную систему ubuntu. То есть если вы используете такую или подобную, то будет максимально проще, потому что прописанные команды для терминала просто копи-пастите и все. Но если вы используете другоую ОСь, то на вас просто будет ответственность за установку и настройку необходимого ПО: docker, docker-compose, git, node-js. В остальном же тоже все должно работать. Правда на виндах, по-моему, докер совсем не везде устанавливается (на Home вроде как точно не встанет, требуется Professional).


Сама инструкция: https://freecode.academy/topics/zapusk-testovogo-proekta-lok...

Показать полностью
[моё] Программирование Web-программирование Самообразование Javascript Обучение React Nodejs Текст
6
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
16
Fi1osof
Fi1osof
3 года назад

Освойте профессию Fullstack Developer за 3 дня (на самом деле нет))))⁠⁠

Освойте профессию Fullstack Developer за 3 дня (на самом деле нет)))) Программирование, Web-программирование, Самообразование, Javascript, Обучение, Длиннопост

Прошлый мой краткий пост Не skillbox. Бесплатно освоить JavaScript + React вроде как зашел пикабушникам и в уведомления я даже получил "Им понравилось, давай исчо!", так что как и обещал, пишу больше информации о своем проекте, который, надеюсь, поможет желающим освоить профессию JS/TS Front/Back/Fullstack Developer. Другие профессии здесь пока не предлагаются, я в другое не умею и я не огромная контора, предлагающая 100500 курсов. Но зато бесплатно :) А главное - может и не менее эффективно. Во всяком случае свой профиль я знаю очень хорошо и охотно делюсь опытом.


Итак, в чем моя идея и чем мой проект https://freecode.academy отличается от других площадок? Повторюсь, что у меня за плечами 14 лет активного опыта в программировании, так что эту кухню всю знаю не по наслышке, и могу точно сказать: за последние несколько лет все очень сильно поменялось. Раньше все было сильно проще. Почему? Да потому что раньше специалисты делились просто по языку программирования и по уровню. В общих чертах все. Если ты пишешь на Java, то ты уважаемый джавист. Если ты на PHP пишешь, то ты пых-пых программист и джависты тычут в тебя пальцем и смеются:) Я сам более 10 лет на PHP писал. Если ты JavaScript, то ты или Java или Script просто фронт-программист и когда-то открыл для себя жуквери и стал молиться на нее за то, что теперь не приходится писать три версии кода под три разных браузера. А что сейчас?  С Java и PHP примерно осталось все то же самое. А вот в мире JavaScript творится какая-то дичь. Технологий и направлений наплодилось столько, что даже если ты будешь не изучать их, а просто выписывать названия всяких библиотек, ты не будешь поспевать за вновь появившимися :) И вот что из всего этого изучать?

Освойте профессию Fullstack Developer за 3 дня (на самом деле нет)))) Программирование, Web-программирование, Самообразование, Javascript, Обучение, Длиннопост

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


1. Заказчик - IT-компания или около того. Если вы хотите устроиться в штат, то там скорее всего будут знать, что от вас требовать. И требовать скорее всего будут что-то более современное, популярное. Соответственно, если вы будете знать что-то маловостребованное, то и выбор вакансий для вас будет весьма ограниченный и скорее всего за небольшие деньги. Для примера, я 10 лет проработал с MODX и был одним из сильнейших специалистов в мире. Но 3 года назад совсем с ним завязал, потому что они ну совсем выпали из тренда. Сейчас специально зашел на hh.ru, посмотрел вакансии по запросу MODX. 28 штук... Не густо. Для сравнения React - 2505 штук. Я совсем не прогадал, когда сменил стек.


2. Заказчик просто хочет продукт. То есть если заказчик разовый и просто хочет от вас какой-то продукт под свои нужды (сайт или типа того), то скорее всего такой заказчик мало разбирается в технологиях и его не особо парит на чем вы будете писать, главное - дали продукт. Здесь вы вольны выбирать стек как хотите в соответвии со своими предпочтениями и как бы все для вас хорошо. Но с такими заказчиками как правило fix price. То есть у вас будет какой-то оговоренный бюджет и срок, и чем быстрее и с меньшими издержками вы сдадите проект, тем больше вы получите чистую прибыль (или убыток). И здесь для вас опять-таки стек имеет значение. Вторая причина (и основная) почему отошел от MODX и PHP - это большие сроки разработки. Я тогда работал над не маленьким стартапом, где концепции часто менялись и приходилось много чего менять на уровне базы данных (а эти изменения конечно же затрагивали весь проект в целом). Бывали дни, когда я целый день с утра до вечера просто менял несколько колонок и связей между таблицами, затем актуализировал код. Целый день! Сейчас такие операции проходят за считанные минуты. То есть я не бросил проект, а переписал его на новый стек. Конечно не все сразу полетело и по началу было долго, но со временем я больше освоился, набил руку, познал более правильные методики, открыл для себя всякие полезные кодэгены и т.п., и сейчас многое просто автоматизированно.


В общем, рассмотрев кратко вот эти пару примеров, можно вывести следующее:

1. Не обязательно учить все и сразу. Достаточно выучить то, что нужно рынку здесь и сейчас.

2. Технологии и спросы меняются. То, что ты выучил вчера, сегодня может уже не понадобиться, надо учить другое.

3. Учиться надо всегда. Но парадокс в том, что надо знать, что учить.


В итоге я решил, что надо к решению этого вопроса подойти более технологически и разработал "Кривые обучения" или, как я в итоге это назвал - "Стратегии развития". Если коротко, то есть справочник Технологий и набиваются Отдельные стратегии типа

- Web Developer Junior, в рамках которого надо освоить CSS начальный, HTML начальный, JS начальный.

- React Developer Junior, в рамках которого надо освоить "Web Developer Junior", React начальный.


И так далее и т.п. Каждый сам себе выбирает свои Стратегии развития.


Я не буду еще сейчас рассказывать про систему уровней самих пользователей и связи этого со стратегиями, это очень много буков, но кому интересно, вот здесь подробней расписал: https://freecode.academy/topics/strategii-razvitiya


Здесь плюсы в том, что отдельные стратегии проще оценить с точки зрения сложности, трудозатрат и коммерческой привлекательности. И проще потом сделать выбор что стоит изучать, а что нет. Ведь если стратегия уже потеряла актуальность и рынком специалисты с такими технологиями не востребованы, то и учить ее не надо, верно же? В свою очередь если вырисовываются новые тренды и появляются интересные Стратегии, то вам проще сориентироваться что вы уже знаете, а чего не знаете и сколько на это учиться. При этом вам скорее всего не придется учить много всего лишнего, потому что далеко не все, что распиарено, на самом деле нужно и будет востребовано всегда.


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

Показать полностью 1
[моё] Программирование Web-программирование Самообразование Javascript Обучение Длиннопост
58
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии