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

Пинбол Пикабу

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

Играть

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

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

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

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

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

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

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

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

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

CSS Программирование Javascript Верстка IT Сайт Web Программист Веб-разработка Все
93 поста сначала свежее
20
art.malcov
art.malcov
5 лет назад

Когда, удаляя мусор с компьютера, наткнулся на свой первый сайт, сделанный на чистом HTML⁠⁠

Когда, удаляя мусор с компьютера, наткнулся на свой первый сайт, сделанный на чистом HTML Капитан Америка, Верстальщик, Веб-разработка, Web-программирование, HTML, Программирование
Показать полностью 1
Капитан Америка Верстальщик Веб-разработка Web-программирование HTML Программирование
10
Comrades.mp4
Comrades.mp4
5 лет назад

Школьник и HTML.⁠⁠

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

Давайте так, я обычный школьник слушающий Летова и зависающий на full rp в sЭмпе. Я решил поработать на будущее и начать учить языки программирования.

Я решил, что начну c HTMLа ( даб, даб, знаю что это не язык )

и дальше как пойдёт.

Всё что у меня есть это - бесплатные курсы и sublime text 3.

Собсна, по этому я и решил выкладывать мой процесс обучения в это сообщество.

( Я хз кому будет интересно это читать, но, м.б. хоть что то оставлю от себя на этом ресурсе )

Школьник и HTML. Web-программирование, Языки программирования, HTML
[моё] Web-программирование Языки программирования HTML
21
sashka20067
5 лет назад

Помогите добавить к Таймеру кнопки Пауза,Стоп и Результат JS+HTML⁠⁠

Это таймер,при нажатии кнопки Старт время начинает идти и если нажать второй раз результат спускается вниз

Помогите пожалуйста в код добавить кнопку "Cтоп" и "Пауза","Результат"

Помогите добавить к Таймеру кнопки Пауза,Стоп и Результат JS+HTML Javascript, HTML, Pause, Таймер, Программирование, Web-программирование, Длиннопост
Помогите добавить к Таймеру кнопки Пауза,Стоп и Результат JS+HTML Javascript, HTML, Pause, Таймер, Программирование, Web-программирование, Длиннопост

JavaScript Код

<script type="text/javascript">


function trim(string) { return string.replace (/\s+/g, " ").replace(/(^\s*)|(\s*)$/g, ''); }

var init=0;

var startDate;

var clocktimer;


function clearFields() {

init = 0;

clearTimeout(clocktimer);

document.clockform.clock.value='00:00:00.00';

document.clockform.label.value='';

document.clockform.description.value='';


}


function clearALL() {

clearFields();

document.getElementById('marker').innerHTML = '';

}


function startTIME() {

var thisDate = new Date();

var t = thisDate.getTime() - startDate.getTime();

var ms = t%1000; t-=ms; ms=Math.floor(ms/10);

t = Math.floor (t/1000);

var s = t%60; t-=s;

t = Math.floor (t/60);

var m = t%60; t-=m;

t = Math.floor (t/60);

var h = t%60;

if (h<10) h='0'+h;

if (m<10) m='0'+m;

if (s<10) s='0'+s;

if (ms<10) ms='0'+ms;

if (init==1) document.clockform.clock.value = h + ':' + m + ':' + s + '.' + ms;

clocktimer = setTimeout("startTIME()",10);

}


function findTIME() {

if (init==0) {

startDate = new Date();

startTIME();

init=1;

}

else {

var str = trim(document.clockform.label.value);

document.getElementById('marker').innerHTML = (str==''?'':str+': ') +

document.clockform.clock.value + '<br>' + document.clockform.description.value + '<br>' + document.getElementById('marker').innerHTML;

clearFields();

}

}

</script>

HTML Код

<form name="clockform">

<p>Время:

<input name="clock" size="12" maxlength="12" value="00:00:00.00">

Название:

<input name="label" size="12" maxlength="30" value="">

Описание:

<input name="description" size="24" value="">

<input name="starter" type="button" value="Старт" onclick="findTIME()">


<input name="clearer" type="button" value="Сбросить всё" onclick="clearALL()">


</p><p id="marker">

</p>

</form>


Я добавила кнопки в HTML,но не могу написать для них function() JS


Время:

<input name="clock" size="12" maxlength="12" value="00:00:00.00">

Название:

<input name="label" size="12" maxlength="30" value="">

Описание:

<input name="description" size="24" value="">

<input name="starter" type="button" value="Старт" onclick="findTIME()">

<input name="stop" type="button" value="Cтоп" onclick="stopALL()">

<input name="pause" type="button" value="Пауза" onclick="pause()">

<input name="result" type="button" value="Результат" onclick="result()">


<input name="clearer" type="button" value="Сбросить всё" onclick="clearALL()">

Помогите добавить к Таймеру кнопки Пауза,Стоп и Результат JS+HTML Javascript, HTML, Pause, Таймер, Программирование, Web-программирование, Длиннопост
Показать полностью 1
[моё] Javascript HTML Pause Таймер Программирование Web-программирование Длиннопост
10
sashka20067
5 лет назад

Динамическая таблица JavaScript⁠⁠

Помогите пожалуйста сделать динамическую таблицу с помощью JavaScript(можно так же использовать jQuery) и HTML.Возможно кто-то может посоветовать видео-урок или литературу.

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

Динамическая таблица JavaScript Javascript, Jquery, HTML, Web-программирование
[моё] Javascript Jquery HTML Web-программирование
10
KBCHVSK
KBCHVSK
5 лет назад

Сайт - портал в 2003 год⁠⁠

Случайно наткнулся на сайт Минского дримлэнда http://dream-land.by/ да это же просто машина времени назад в будущее, особенно радует наличие разделов с С# и Node.js. Хотя dreamland парк развлечений)))

Сайт - портал в 2003 год HTML, Web-программирование, Сайт, Прошлое
HTML Web-программирование Сайт Прошлое
7
Aleks00231
6 лет назад

5 лучшие расширений для Visual Studia Code⁠⁠

5 лучшие расширений для Visual Studia Code Web, Web-программирование, Javascript, HTML, CSS, Frontend

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

1.  Debugger for Chrome:

Эта расширение по сути практически бесполезно, так как в самом Google Chrome есть удобный отладчик, но всё таки я предпочитаю использовать именно его, что бы не загромождать интерфейс самого Хрома. Также в VS code есть ещё куча других отладчиков виде расширений.

2. TODO Highlight:

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

3. Prettier:

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

4. Open-In-Browser:

Благодаря этому расширению вы можете прямо из VS Code, открывать HTML файл в своём браузере, а не как обычно сначала надо открывать в проводнике папку где находится нужный вам файл.

5. Live Server:

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

Здесь написаны лишь мои самые любимы расширения, которыми я лично пользуюсь, скорее всего многие кто прочтёт эту статью, уже знаю о них, но надеюсь что новичкам, кто только начал изучать web программирование, будет полезна эта информация.

Показать полностью
[моё] Web Web-программирование Javascript HTML CSS Frontend
13
MaxAu
MaxAu
6 лет назад

Как стать Front-End программистом.⁠⁠

Итак, в этом посте, я собираюся рассказать, что нужно знать, чтобы стать web-программистом.


Начнём вот с чего, WEB программирование делится на 2 специальности, на самом деле на 3, но третьяспециальность - это совмещение 2-ух предыдущих.


Первое направление - вёрстка или, по-другому, Front-End программирование.


Вёрстка - это создание шаблона сайта, его внешнего вида, всё, что вы видите на сайте - это Front-End - в переводе, внешний интерфейс.


Front-End программирование легко в обучении и востребованное на бирже труда.


Вы, наверное, слышали о таких аббревиатурах, как HTML и CSS. Так вот, если вы выбираете профессию Front-End разработчика, то это то, что вы должны знать. HTML - это язык гипертекстовой разметки, то есть это карказ, строение сайта. Если проводить аналогию со стройкой, то Html - это кирпичи, цемент, все строительные материалы. CSS - Cascading Style Sheets - каскадные таблицы стилей, произносится, как си-эс-эс - это весь дизайн, вся красота сайта. Возвращаясь к аналогии про стройку, то Css здесь это декор дома, например, цвет, но Css выступает не только для украшения, таблицы стилей призваны работать с объединёнными в блоки, с помощью html, кусками информации: стилизовывать, редактировать и размещать их на странице.


Но html и Css - это не единственные инструменты для создания сайта. JavaScript, углубляться не будем, является языком программирования (html и css ими не являются), он призван, в основном, чтобы придать интерактивности сайту, сделать страничку живой.


Итак, подведём итоги.

Чтобы стать Front-End разработчиком нужно знать: html, css и язык программирования javascript.


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


Css, тут дела обстоят дольше - примерно за 1 неделю его можно освоить. Дело в том, что здесь подключается комбинирование этих двух инструментов - css и html. Вы будете делать много практики, в основном, создавать сайты. И этот процесс - понимания через практику, закрепления навыка может продлиться и до 2-ух недель.


JavaScript, если уделять изучению 3 - 4 часа в день с обильной практикой, то за 1,5 до 3 месяцев можно познать этот язык.


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


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


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


А сейчас, для углубления полученных знаний, прилагаю пример сайта с использованием css и без.

Если вы хотите узнать, как стать Back-End или Full stack разработчиком?

Хотите зарабатывать на веб программирование, но ещё не изучили его?

Тогда телеграм канал Web-coding (https://t.me/becomingofwebdeveloper) - это то, что вам нужно.

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

Это та информация, которая сделает вас лучше.

Как стать Front-End программистом. Web-программирование, HTML, CSS, Frontend, Длиннопост
Показать полностью 1
[моё] Web-программирование HTML CSS Frontend Длиннопост
22
Партнёрский материал Реклама
specials
specials

Только каждый третий пикабушник доходит до конца⁠⁠

А сможете ли вы уложить теплый пол, как супермонтажник?

Проверить

Ремонт Теплый пол Текст
885
vasya4
6 лет назад

Интернет, который мы заслужили⁠⁠

Сижу давеча, листаю новостную ленту Яндекса. Взгляд привлекла одна интересная статья. Перехожу на сайт статьи и.. словно попадаю в начало 2000-х, когда "сёрфил" интернет на своем 56 Кбитном ZyXel'е.. иконка загрузки крутилась, пожалуй, с полминуты, а баннер рекламы в правой колонке плавно заполнял пустое пространство.

– Интернет так тупит? – подумал я. Но вроде все ок, другие сайты грузятся адекватно.

Проблема быстро была найдена, когда я зашел по f12 в логи загрузки ресурсов.

– circus.jpg  14308 Кб – пожаловался мне браузер.

Интернет, который мы заслужили Web, Сайт, Web-программирование, HTML, И так сойдет, Рукожоп, Интернет

14 метров (Карл!) на баннер сбоку, чьи размеры составляют 278 x 417 пикселей. Если пережать баннер с конечными размерами в 90% JPEG, то выйдет всего 151 Кб – без малого в 95 раз меньше!

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

Думаю подобные принципы остались и сейчас, но все чаще разработчики кладут на это болт:

– Зачем делать превьюшку? И так сойдет, вставим 14 метровый оригинал!


У сайта кстати есть мобильная версия. И знаете чем она отличается от обычной десктопной?

А ничем она не отличается от слова совсем, просто появляется бесконечный скролл с автоматической подгрузкой статей. Лол.

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