Школьник и HTML.
А, это мой первый пост на Пикабу, вроде разобрался чё куда загружать.
Давайте так, я обычный школьник слушающий Летова и зависающий на full rp в sЭмпе. Я решил поработать на будущее и начать учить языки программирования.
Я решил, что начну c HTMLа ( даб, даб, знаю что это не язык )
и дальше как пойдёт.
Всё что у меня есть это - бесплатные курсы и sublime text 3.
Собсна, по этому я и решил выкладывать мой процесс обучения в это сообщество.
( Я хз кому будет интересно это читать, но, м.б. хоть что то оставлю от себя на этом ресурсе )
Помогите добавить к Таймеру кнопки Пауза,Стоп и Результат JS+HTML
Это таймер,при нажатии кнопки Старт время начинает идти и если нажать второй раз результат спускается вниз
Помогите пожалуйста в код добавить кнопку "Cтоп" и "Пауза","Результат"
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()">
Динамическая таблица JavaScript
Помогите пожалуйста сделать динамическую таблицу с помощью JavaScript(можно так же использовать jQuery) и HTML.Возможно кто-то может посоветовать видео-урок или литературу.
Заранее спасибо
Сайт - портал в 2003 год
Случайно наткнулся на сайт Минского дримлэнда http://dream-land.by/ да это же просто машина времени назад в будущее, особенно радует наличие разделов с С# и Node.js. Хотя dreamland парк развлечений)))
5 лучшие расширений для Visual Studia Code
Здесь я написал, о моих самых любимых расширениях, скорее всего уже многие знают о них, но надеюсь новичкам будет полезна.
1. Debugger for Chrome:
Эта расширение по сути практически бесполезно, так как в самом Google Chrome есть удобный отладчик, но всё таки я предпочитаю использовать именно его, что бы не загромождать интерфейс самого Хрома. Также в VS code есть ещё куча других отладчиков виде расширений.
2. TODO Highlight:
Не всегда есть время на доделывание какой то части кода, приходится заниматься другой более важной для программы задачей и что бы быстро вернутся к незаконченной части программы вам пригодиться это расширение, оно бывает достаточно удобным, особенно если у вас очень большая программа, но так, как я его редко использую, поставил его на четвёртое место.
3. Prettier:
Расширение удобно использовать, если вы собираетесь работать в команде, так как оно сразу проводит код к общему виду, также будет удобна тем кто просто не хочет заморачиваться над красотой кода или не умеет писать читабельный код, для второго типа людей рекомендую на учится писать хорошо читабельный код, потому что не всегда будет возможность с ним работать.
4. Open-In-Browser:
Благодаря этому расширению вы можете прямо из VS Code, открывать HTML файл в своём браузере, а не как обычно сначала надо открывать в проводнике папку где находится нужный вам файл.
5. Live Server:
Это моё самое любимое расширение, хоть он практически не чего сложного не делает, а именно, после сохранения кода автоматически обновляет страницу.
Здесь написаны лишь мои самые любимы расширения, которыми я лично пользуюсь, скорее всего многие кто прочтёт эту статью, уже знаю о них, но надеюсь что новичкам, кто только начал изучать web программирование, будет полезна эта информация.
Вы хотите головоломок?
Их есть у нас! Красивая карта, целых три уровня и много жителей, которых надо осчастливить быстрым интернетом. Для этого придется немножко подумать, но оно того стоит: ведь тем, кто дойдет до конца, выдадим красивую награду в профиль!
Как стать 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-программирования и тонкостях работы на фрилансе.
Это та информация, которая сделает вас лучше.