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

Пикаджамп

Аркады, Казуальные, На ловкость

Играть

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

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

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

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

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

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

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

Developer + YouTube

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

Gamedev Android Игры Музыка Юмор Вертикальное видео Политика Фильмы Песня Все
66 постов сначала свежее
Baskovsky
Baskovsky
3 года назад
Лига программистов
Серия Айтишники

C# программисты: как войти в профессию⁠⁠

Язык C# многим нравится: на нем можно писать бекенд, мобильные игры и десктоп приложения. Как правильно изучать этот язык чтобы быстро стать джуном и найти работу? Об этом мы узнаем в этом видео.

[моё] Интервью Csharp IT Программирование Программист Собеседование Интернет Разработчики Видео YouTube
16
0
DELETED
3 года назад

Музыкальные клипы о программистах⁠⁠

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

Code Monkey Jonathan Coulton Lyrics Kinetic Typography

ПОЧЕМУ ВСЕ ЛЮБЯТ ПРОГРАММИСТОВ? (Клип) | Громкие рыбы

Есть и еще, но мне то видеоряд не понравится, то сама песня. Если вы знаете хорошие— пишите, я добавлю.

Показать полностью 1
[моё] Музыка Хорошая музыка Рок Музыканты Клип Песня Программист Громкие рыбы Разработчики Develop Программирование IT Кавер Мелодия Видео YouTube
4
13
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Циклы в SASS / SCSS ( @each )⁠⁠

Привет, в этом уроке мы разберемся что такое циклы в SASS / SCSS на примерах разберем как перебирать структуры данных List и Map и на примерах разберемся как использовать все эти вещи вместе с интерполяцией для динамической генерации стилей. Приятного просмотра.

P.S. Больше уроков у меня на канале

[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube
2
11
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Урок - Подключение CSS⁠⁠

HTML существует только для разметки контента, но не несет в себе никакой стилизации элементов. За это отвечает язык CSS. Все визуальные отличия тегов друг от друга мы видим только благодаря тому что браузер имеет свою таблицу стилей которая работает по умолчанию. Как вы уже поняли, для того чтобы мы могли стилизовать элементы сами, нам нужно будет использовать язык CSS. Разберемся как его внедрить на нашу страницу.


Способ #1 - inline styles


Одним из общих атрибутов для каждого тега, является атрибут style, внутри которого мы и можем писать наш CSS код.


<h1 style="color: red">Some Title - <a href="#">link</a></h1>

Способ #2 - тег <style>


Внутри тега <style> мы можем писать стили, идентифицируя нужные нам теги по их атрибутам, именам и тд. (селектору тега). Тег <style> должен быть расположен внутри тега <head>.


<head>
<style>
div {
max-width: 1200px;
margin: 0 auto;
background-color: antiquewhite;
padding: 10px 20px;
}
</style>
</head>

Открыть на CodePen


Способ #3 - отдельный файл


Самое лучшее что можно придумать, это подключение отдельного CSS файла к нашему проекту. Делается это через тег <link>, который также должен быть вложен внутрь тега <head>.


Атрибуты:

rel - должен иметь значение stylesheet

href - ссылку или путь к файлу .css


Тег <link> имеет больше атрибутов, на данном этапе их рассматривать не будем.


<link rel="stylesheet" href=".././css/style.css">


Способ #4 - отдельный файл через тег <style>


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


<style>
@IMPORT '.././css/style2.css';
</style>

P.S. Больше уроков у меня на канале

P.P.S. Файлы с урока

Показать полностью
[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube Длиннопост
28
13
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Урок - Тип данных Number в JavaScript⁠⁠

Привет, сегодня в этом уроке мы познакомимся с типами данных в JavaScript и подробно поговорим о типе данных Number.

Транскрипт урока


Числовой, примитивный, тип данных в JavaScript на который выделено 64 бита памяти, этот тип данных помимо целых чисел включает в себя также хранение чисел с плавающей запятой. В других языках числа могут подразделяться на несколько типов, например: Integer, Float, Double или Bignum. Но в JavaScript тип за числа отвечают типы данных number и bigint. О bigint немного позднее.


const integerNumber = 100;
const floatNumber = 10.2;
const anotherFloatNumber = 10.2002;
console.log(integerNumber, floatNumber, anotherFloatNumber);

Запись больших чисел


Для записи больших чисел мы можем использовать букву 'e' для того чтобы сократить число


const oneBillion = 1000000000; // Здесь у нас 9 нулей
const oneBillionWithE = 1e9; // Здесь тоже
const floatBillions = 5500000000;
const floatBillionsWithE = 5.5e9;
console.log('e', floatBillions, floatBillionsWithE);

Отрицательное число после "e" подразумевает деление на 1 с указанным// количеством нулей:


const oneMillisecond = 0.000001;
const oneMillisecondWithE = 1e-6;
Также большие числа мы можем разделять символом '_' для повышения читаемости.


const bigNumber = 10_000_000_00;

Специальные числовые значения:


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


В JavaScript мы можем делить на 0 и это не вызовет никаких ошибок.


const divOnZero = 10 / 0; // Infinity

Также мы можем задать Infinity явно.


const infinityNumber = Infinity;

NaN - not a number.


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


const exampleNaN_1 = 'Vladimir' * 10;
const exampleNaN_2 = 'Vladimir' / 10;
const exampleNaN_3 = 'Vladimir' - 10;
const exampleNaN_4 = NaN;

Если мы будем выполнять любые математические операции с NaN то получим NaN.


const exampleNaN_5 = NaN;  // явно
const exampleNaN_6 = 'Vladimir' - 10; // неявно


Negative numbers


Все числа из предыдущих примеров были положительными. Это не относится к NaN. Положительное число или отрицательное легко проверить через Math.sign.


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


const negativeZero = -0;
const zero = 0;

Пример:


const negativeZeroExample = 0 / -10;

Аналогично все числа, кроме NaN, могут быть отрицательными.


const negativeInfinity_1 = -Infinity;
const negativeInfinity_2 = 10 / -0;
const negativeInfinity_3 = -2e6;
const negativeInfinity_4 = -1_000_000_000;

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


Неточности в вычислениях


Из 64 бит, отведённых на число, сами цифры числа занимают до 52 бит, остальные 11 бит хранят позицию десятичной точки и один бит – знак. Так что если 52 бит не хватает на цифры, то при записи пропадут младшие разряды.


Аналогичные проблемы с точностью возникают в языках: PHP, Java, C, Perl, Ruby.



P.S. Больше уроков у меня на канале

Показать полностью
[моё] Программирование IT Программист Разработка Баг Собеседование Разработчики Веб-разработка Javascript Видео YouTube Длиннопост
10
7
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Видео урок - Строчные элементы в HTML⁠⁠

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

Строчные элементы в HTML - ссылка на материалы

Файлы с урока - GitHub repo

Документация на строчные элементы - ссылка

Мои соц. сети:

Telegram

LinkedIn

Twitter

Facebook

Instagram



----------- ТРАНИСКРИПТ УРОКА -------------

В современной верстке выделяется 2 типа элементов:


• Блочные (block level) - в основном, отвечают за каркас страницы.

• Строчные (inline level) - в основном, помогающие нам при стилизации страницы и тд.


Строчные элементы

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

Основные списочные элементы: span, a, i, b, strong, em

Мы можем вкладывать строчные элементы в блочные и в другие строчные элементы, но вкладывать блочные элементы в строчные не рекомендуется, так как это нарушает семантику и усложняет чтение кода.



ВАЖНО!

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



P.S. Больше курсов у меня на канале

Показать полностью
[моё] Разработка Программирование Программист IT Баг HTML Html 5 Основы HTML Htmlbook CSS Css3 Javascript Курсы программирования Курсы Разработчики Web Веб-разработка Верстка Сайт Видео YouTube
0
1607
alf.white
3 года назад

Расширение YouTube, апдейт Vanced (обращение)⁠⁠1

На фоне повестки, хочу обратиться к хацкерам родины (и не только), тем кто разработал и внедрил в хром расширение для рутрекера, тем, кто создал Vanced.
А можно ли сделать так, что бы появилось аналогичное рутрекеру расширение и для Ютуба, что бы не пользоваться полноценным VPN для просмотра на ПК?
А для мобильных устройств сделать версию Vanced, работающую по такому же принципу? Потому как множество каналов блочится не полностью а именно на территории РФ. Множество научно-популярных шоу, полезных в целом каналов, новостных источников. Можете прикрутить кнопку пожертвований, мы отблагодарим)

Расширение YouTube, апдейт Vanced (обращение) YouTube, Rutracker, Информационная война, Хакеры, Разработчики, Расширение для хрома
YouTube Rutracker Информационная война Хакеры Разработчики Расширение для хрома
223
31
WhiteRaven19
WhiteRaven19
3 года назад
Warhammer 40k

Игра за Космодесантника в Unity⁠⁠

[моё] Wh Other Warhammer 40k Wh Art Unity Игры Gamedev Game Art Blender Художник Разработчики Разработчики игр 3D 3D моделирование 3D графика Компьютерная графика Анимация YouTube Космодесант Видео
7
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии