Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в 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 постов сначала свежее
29
tilimili
3 года назад
Лига программистов

Как мы собрались и пробуем вместе изучать программирование⁠⁠

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

Основная идея в том, чтобы вместе в онлайн режиме проходить какие-то обучающие материалы. И в обучении стараться делать акцент на материалы с какой-то программой или нацеленные на какую-то дистанцию.
Обычно мы просто устраиваем голосование по какой-либо теме и если набираются желающие, то собираемся в группу и стартуем. Основной актив в группе обычно 3-5 человек. Но этого вполне хватает, чтобы люди могли обсуждать занятия и делиться идеями. Чтобы удобно было делиться на комнаты по каждому занятию и демонстрировать экран, сами занятия проводим в Discord.

Что мы уже проходили и что проходим сейчас? За всё время мы пробовали проходить открытый курс по js от Тимура Шемсединова, у нас было даже два потока, то есть две разных группы по нему. Так же ребята собирались несколько раз в группу на изучение онлайн учебника learn js, но так выходило, что на каком-то месте занятия обрывались. Какое-то время мы собирались и просто решали задачи с codewars. Были у нас занятия даже и по питону и по vue js.
В настоящий момент у нас есть два активных потока. Первый с лекциями по js и второй поток по vue js.

Есть ли у нас кто-то, кто всех учит? Обычно нет, у нас всё на основе самоорганизации, но есть люди разного уровня и кто знает побольше, иногда могут что-то подсказать или помочь объяснить тем, кто знает что-то поменьше. Но был даже опыт, когда к нам присоединился @Qpwo16 с хорошим опытом в питоне и целенаправленно проводил занятия для новичков, чтобы потренироваться в менторстве.

И если кто-то заинтересовался, то приглашаю присоединиться к нам и поучаствовать. Вход у нас полностью бесплатный, основное место сбора - это наш телеграмм чатик:
https://t.me/learning_programming_together

Показать полностью
[моё] Образование Бесплатно Javascript Программирование Web-программирование Самообразование Обучение Дистанционное обучение Текст
9
14
JuniorJS
3 года назад
Web-технологии

Ищу ментора/наставника Web разработка, JavaScript⁠⁠

Верю в силу Пикабу!!!

Помогите левелапнуться от Junior до Junior+/Middle. Очень нужна помощь.

Работаю, но задачи очень простые, а самообучение без профильного образования, реальных задач и проверки результата - такое себе.

Поэтому ищу наставника. Конечно же не бесплатно.

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

Заранее большое спасибо.

Javascript React Vue Web Web-программирование Сила Пикабу Помощь Без рейтинга Программирование Обучение Крик Крик души Текст
21
15
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Простой календарь на JavaScript⁠⁠

Всем привет, новое видео от меня!


Создаем простой календарь на чистом JavaScript HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать в качестве виджета на любом сайте. При необходимости календарь на чистом JS можно стилизовать под себя.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/WNjdMgY

GitHub: https://github.com/CrazyCoding21/CC-JavaScript-39-Simple-Cal...

Web Web-программирование HTML CSS Javascript Верстка Календарь Видео
9
xvoland
4 года назад
Web-технологии

Нормальный модуль NodeJS из NPM для GULP, чтобы правильно печатались картинки WEBP с правильными HTML тэгами⁠⁠

Реально задолбался искать нормально расширение для конвертации простых тэгов <img> в <picture><source srcset=...>


Некоторые пакеты NPM, для GULP, банально не обрабатывали HTML тэги, которые заканчивались <img... />.

Другие, тупо вставляли неправильные шаблоны.


И о чудо! Меня спас вот этот пакет https://www.npmjs.com/package/gulp-xv-webp-html


На входе:

<img class="lazyload" src="/images/Image.jpg" width="100" height="100">

На выходе:

<picture>
<source srcset="/images/Image.webp" type="image/webp">
<source srcset="/images/Image.jpg" type="image/jpeg">
<img class="lazyload" src="images/Image.jpg" width="100" height="100">
</picture>

То что доктор прописал!!!


Пакет gulp-xv-webp-html

[моё] Npm Nodejs HTML Gulp Web-программирование Javascript Текст
19
17
CrazyCoding
CrazyCoding
4 года назад
Web-технологии

Простой квиз (опросник) на JavaScript HTML CSS⁠⁠

Всем привет, новое видео от меня! Создаем простой квиз для сайта на чистом JavaScript + HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Такой опросник можно использовать на любом сайте и адаптировать под себя. Количество вопросов и вариантов ответа не ограничено.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


CodePen: https://codepen.io/crazycoding21/pen/QWpGvLb

GitHub: https://github.com/CrazyCoding21/CC-JavaScript-31-Quiz-Proje...

Javascript Web Web-программирование Программирование Код Верстка Квиз Видео
4
15
hidex
hidex
4 года назад
Web-технологии

No pain, no gain: Вайтишник который смог ч.1⁠⁠

No pain, no gain: Вайтишник который смог ч.1 Frontend, Javascript, Web, Программирование, Web-программирование, Длиннопост

Цель: Junior Frontend Developer Midde Frontend Developer

Срок: Апрель Июль

Обо мне: Студент 3 курса, 20 лет

Работа: Junior Frontend Developer в компании "ZenCode".

Я бежал потому что надо было бежать. Я не думал о том, куда это меня приведёт.
фильм "Форест Гамп"
Привет всем! Не уверен, что кто-то, вообще, ожидал нового поста, так как их не было почти год. Статьи, как заметили в комментариях, начали скатываться в "мой дневничок...", а это не то, чем хотелось заниматься) Недавно зашел на pikabu, чтобы проверить как идут дела у @OWIII, так как в начале меня сильно мотивировал его блог, но последний пост что-то не порадовал, хотя каждому свое. Этот пост нацелен в основном на вайтишников, хотелось бы поделится позитивным опытом, и в целом, теми знаниями, которые мне бы самому не помешали на момент изучения.

Глава 1. Коронавирус
Для моего трудоустройства это был ключевой момент, когда объявили первые 2 недели каникул в вузах - я понял, что это идеальный момент для того, чтобы полноценно взяться за ReactJS. Карантин оказался идеальным временем чтобы запереться дома и просто ботать, к тому же мне очень повезло найти в youtube отличный курс по React + Redux Путь Самурая. Сейчас он, возможно, будет немного староват, так как там в основном используются классовые компоненты, хуки появились только в последних видосах, но вам все равно придется столкнуться с классовыми компонентами, а самые модные штуки по типу функциональных компонентов и Typescript - есть во втором сезоне. Осилил я первый сезон чуть больше чем за месяц, после чего автор канала советовал не смотреть второй сезон пока не устроишься на работу.

Глава 2. Поиск работы
Посмотрев видео собеседований frontend разработчиков я отметил для себя основной пул вопросов и ответов на них (как всегда learn.javascript.ru очень выручил), я выложил резюме на hh. Знакомых в кругах it у меня на тот момент не было, поэтому мне никто не сказал, что это не лучший выбор. Недавно узнал, что нужно использовать linkedIn и ХабрКарьеру. Но на тот момент я знал только про hh. Выложив резюме со спокойной душой пошел закрывать гору долгов по вузу, которая накопилась пока я разбирался с программированием. Я рассчитывал, что если не найду работу до нового учебного года - пойду дальше в вуз и скрою анкету.

Глава 3. Итоги резюме
Из откликов была предложена только 1 вакансия и та по 1С. Я уже планировал закрывать резюме буквально на следующей неделе, как мне написали в телегу, что хотят пригласить на собеседование. Должен сказать, что живу не в самом провинциальном городе (Пенза), поэтому вакансию найти очень даже возможно. Те же ребята из open solutions, которые есть много где, постоянно набирают людей (не работал там, поэтому не могу сказать ничего о них). Из советов могу повторить, что использовать hh конечно круто, но так же нужно ОБЯЗАТЕЛЬНО разместить резюме в linkedIn и Хабр карьере (не повторяйте моих ошибок).

Глава 4. Собеседование
Совру, если скажу что не волновался перед первым собесом, но когда он уже начался - все пошло как по маслу, ответил, насколько я помню, на все, только про БЭМ - ответил что знаю что это такое и зачем используется, но сам не применял. Вопросов про react и по html/css не было, онли js. По итогу предложили 2 варианта, написать тестовое в один отдел и пойти на джуна, либо еще один собес на стажера. Из минусов - первое предложение на vue, и соответственно нужно было написать тестовое задание на vue, во втором - react.

Продолжение во второй части...

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

Во второй части поделюсь материалами, которые посоветовали изучить уже после трудоустройства.

Всем удачи/
Показать полностью
[моё] Frontend Javascript Web Программирование Web-программирование Длиннопост
25
2
CrazyCoding
CrazyCoding
4 года назад

Решение задач на JavaScript | Анимированный 3D фон⁠⁠

Всем привет, новое видео от меня! Создаем анимированный фон с эффектом 3D на чистом JavaScript + HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Отлично подойдет для создания крутых анимированных фонов для каких-то информационных блоков на сайте. Этому решению можно найти массу применений и его легко стилизовать под себя.

Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил поделиться с другими, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.

CodePen: https://codepen.io/crazycoding21/pen/abJvqzo
GitHub: https://github.com/CrazyCoding21/CC-JavaScript-27-3D-Animate...

[моё] Javascript Web Web-программирование Разработка Веб-разработка Программирование Видео
10
Партнёрский материал Реклама
specials
specials

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

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

Попробовать

Ремонт Теплый пол Текст
6
CrazyCoding
CrazyCoding
4 года назад

Генератор паролей Javascript HTML CSS | Password Generator⁠⁠

Всем привет, новое видео от меня! Создаем генератор паролей на чистом JavaScript + HTML/CSS. Полностью рабочее решение для твоего будущего сайта, которое можно адаптировать под себя или изменить. Можно использовать для создания рандомных паролей для себя или внедрить в свой сайт. Генерировать пароли можно с указанной длинной, строчными, прописными буквами, цифрами и специальными символами.


Важно! Это не уроки! Если ты неделю в вебе, то скорей всего ничего не поймешь! У меня нет цели кого-то учить, так как я считаю, что уроков и курсов и так полно на просторах интернета. Я делаю разнообразные задачки для себя в не скучном формате, чтобы всегда была практика и решил для других тоже, чтобы была возможность получить готовый код, адаптировать готовое решение под себя или попробовать реализовать тоже самое для практики (практика главное в разработке!). Критика и советы по поводу того, что убрать, что добавить, приветствуются. Также буду рад разбору кода и комментариям по нему.


PS: Решил выкладывать свои видео исключительно потому, что первый пост был положительно воспринят, были интересные обсуждения и люди даже подписались. Я тут новенький, так что заранее извиняюсь если такой контент здесь кто-то считает неприемлемым. За лайки и подписки отдельная благодарность. Приятного просмотра!

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