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

Пикабомбер

Аркады, Пиксельная, 2D

Играть

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

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

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

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

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

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

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

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

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

IT Программирование Сайт Веб-разработка Дизайн Javascript Программист HTML Все
165 постов сначала свежее
4
nfh2860
nfh2860
3 года назад

Знакомство с картой⁠⁠

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

И так приступим… Репозиторий содержит вступление к выбору направления front и back-end, а также devops. Последние меня на данный момент не интересует. Сегодня мы успеем расмотреть только вступление.

Знакомство с картой Web-программирование, Web, Обучение

В introdution имеется перечень, так называемых, базовых инструментом необходимых для всех направления. Знакомство предлагаю начать с git, и сервисом github который предоставляет хранилище для проектов под управление git. Остальные пункты предлагаю не рассматривать, так с чем-то я смел дело в вузе, с чем-то в ОС linux, а некоторые на данном этапе рассматривать нет смысла.

И так приступив к git я понял, что это набор инструментов позволяющий следить за изменениями в проекте, давать краткое описание изменениям для быстрого ориентирования в ветвях версий,а также выделять их в разные ветви развития и т.д. Github же непосредственно хостинг и визуальная оболочка к git(git - консольная программа). Изучение основных консольных команд git и знакомство с интерфейсом github не составит труда, поэтому следующее действии, которое я сделаю, будет создание профиля на github.

Сдедующий шаг который мы предпримим, будет рассмотрение front-end и непосредственно первые строчки html, а на этом рассмотрение вступления думаю стоит закончить.

Показать полностью
[моё] Web-программирование Web Обучение
3
ProgWay
ProgWay
3 года назад
Лига фрилансеров

Фриланс 2021, стоит ли лезть?⁠⁠

В конце 2020 - в начале 2021 я взял свой первый заказ на фрилансе. Нужно было просто сверстать табличку, добавить ей фильтрацию по столбцам и в дальнейшем постраничную навигацию. Элементарный заказ, который выполнялся на чистом js, единственная проблема которая у меня возникла это jquery. Если быть точнее, то весь уже существующий клиентский функционал был написал именно на jquery с которым до этого я не сталкивался ни разу. Но путём гуглежа я все таки разобрался и смог подсоединить свои функции к основному сайту. Заказчик остался доволен и я получил свой первый гонорар и отзыв на бирже

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

Фриланс 2021, стоит ли лезть? Фриланс, Программирование, Web, Web-программирование, Блог, Длиннопост

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


Что подойдёт для портфолио?


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


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


Где находить идеи для портфолио?


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


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


Сколько работ нужно для начала?


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


Из своего опыта могу сказать, что в начале у меня было всего 4 работы и 2 из них были сделаны да скорую руку только ради портфолио)


В заключении


Фриланс как и все в нашей жизни зависит в том числе и от удачи. И я не отрицаю что мне повезло с первыми заказами. Но шанс их получения можно повысить и в дальнейших статьях мы до конца разберём эту тему.

Фриланс 2021, стоит ли лезть? Фриланс, Программирование, Web, Web-программирование, Блог, Длиннопост
Показать полностью 2
[моё] Фриланс Программирование Web Web-программирование Блог Длиннопост
11
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
17
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Анимированный прелоадер HTML CSS⁠⁠

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


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


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


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

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-20-Loading-Anim...

Показать полностью 1
Web Web-программирование HTML CSS Анимация Прелоадер Видео
5
2
CrazyCoding
CrazyCoding
3 года назад
Web-технологии

Слайдер изображений HTML CSS⁠⁠

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

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

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


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

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-17-Image-Slider...

Web Web-программирование HTML CSS Эффект Слайдер Картинки Видео
7
7
CrazyCoding
CrazyCoding
4 года назад
Web-технологии

Эффект при наведении на шестиугольник HTML CSS⁠⁠

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

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

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

CodePen: https://codepen.io/crazycoding21/pen/MWmYoOR
GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-15-Hexagon-Imag...

https://youtu.be/VA4ZabHQt_M

Web Web-программирование HTML CSS Анимация Эффект Текст Видео
4
174
prodigal.son
prodigal.son
4 года назад

Бесплатно помогаю пикабушникам учить программирование, часть 15: «Еще один пост о собеседованиях»⁠⁠2

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


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


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


И так ниже я опишу самые очевидные признаки показывающие что с компанией явно что-то не так и пора заняться обновлением своего резюме.


1. Ярко выраженная авторитарность.

Эта тема достойна отдельного поста. Давить авторитетом или "локальными корпоративными лычками" это не нормально. Хороший руководитель будет превосходить в технических/управленческих навыках настолько, что не останется сомнений что он, действительно, знает лучше как нужно делать и как делать не нужно.


2. Негативные отзывы сотрудников.

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


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

Когда представитель отдела кадров интервьюирует вас, то, в конце диалога может спросить "У вас есть ко мне какие-то вопросы?". Не стесняйтесь их задавать. Это совершенно нормально. Чаще всего, на младших позициях, у вас будет испытательный срок 1-3 месяца. Обязательно уточните условия прохождения и провала испытательного срока. Как минимум вы будете знать что нужно делать а чего опасаться. Как максимум: если на этот вопрос вам не ответят - это звоночек, что испытательный срок - это просто опция платить поменьше за ту же работу.


4. Откровенное вранье.

У нас перспективная команда и проекты с узнаваемым именем, поэтому мы платим на n процентов ниже рынка

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


5. Наличие менеджера-попугая который раз в несколько часов спрашивает вас о состоянии задачи.

Сюда же, чаще всего, можно отвести и наличия тайм-трекера. Это звоночек, что руководство просто не понимает что происходит внутри, не собирается это исправлять и не умеет контролировать сотрудников. Хороший тимлид за несколько минут по истории коммитов определит кто работает а кто бездельничает. Так что, если из этого что-то есть, то это жирный минус для компании.


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


Добро пожаловать всем желающим: https://t.me/LearnRubyForPikabu

Показать полностью 1
[моё] Без рейтинга Программирование Web Web-программирование Обучение Дистанционное обучение Бесплатно Халява Бесплатное обучение Текст Видео Длиннопост
32

Оформить подписку для бизнеса

Перейти
Партнёрский материал Реклама
specials
specials

Ваш бизнес заслуживает большего!⁠⁠

Оформляйте подписку Пикабу+ и получайте максимум возможностей:

Ваш бизнес заслуживает большего! Малый бизнес, Предпринимательство, Бизнес

О ПОДПИСКЕ

Малый бизнес Предпринимательство Бизнес
30
CrazyCoding
CrazyCoding
4 года назад
Web-технологии

Эффект неонового свечения текста HTML CSS⁠⁠

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


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


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


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

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-6-Neon-Text-Eff...

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