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

Пикабу напарники по программированию. Ищу для совместного изучения WEBa⁠⁠

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

Возраст не имеет значения, главное, чтобы у вас была хорошая мотивация (самому 20)

Учусь по книгам, практикуюсь самостоятельно

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

Преимущественно ищу начинающих разрабов (синьеров, скорее всего, я не заинтересую)

Собственно все, спасибо, в комментах отпишите, буду рад найти напарника именно на пикабу

[моё] Web-программирование Обучение PHP Web HTML CSS Javascript Текст
23
6
Ufanext
Ufanext
6 лет назад

Докатились⁠⁠

Искал решение проблемы c некорректной работой тега <strong> (выделение жирным текстом в HTML) и наткнулся на вот такой ход конём

Докатились HTML, Adblock, Искажение, Web-программирование
Докатились HTML, Adblock, Искажение, Web-программирование
Показать полностью 2
HTML Adblock Искажение Web-программирование
18
6
JackSli
JackSli
7 лет назад

Строим ВебПриложение.HTML+знакомство с DOM⁠⁠

И так, сегодня самое базовое по HTML.


Иерархия думаю всегда будет такая:

1)Ссылки на материалы для углубленного изучения

2)Мой текст

3)Ссылка на git с исходниками из текста


Для дальнейшего изучения(зачастую сам туда подглядываю). - HTMLbook

Подробно что такое DOM- тут

И так в двух словах- что такое DOM:
Если совсем просто- это иерархия вашего документа(каркаса), который состоит из головы и тела

<!DOCTYPE html>

<html>


<head>

</head>


<body>

</body>


</html>

Это и есть DOM если применять эту модель непосредственно к HTML(другого мы пока касаться и не будем).

Строим ВебПриложение.HTML+знакомство с DOM Web-программирование, Web, HTML, Обучение, Длиннопост

HTML- это наш скелет, как писал выше, он состоит из головы и тела, остановимся тут поподробнее:

<!DOCTYPE html> - тут мы указываем тип документа, который будем использовать для HTML-кода, в данном случае HTML5

<html> - говорим какой язык разметки документа используем, как Вы догадались тут это html

<head> - голова, тут мы храним данные непосредственно для браузера, они не будут участвовать в визуальной отрисовке.

<body> - тело нашего документа, все что будет внесено сюда, будет отрисовано непосредственно в окне браузера


!!!Почти каждый тег в HTML должен закрываться: т.е. если мы открыли <head>, написали внутри него что-то(например <title>Теги на котиках</title>), то мы должны его закрыть </head>. Исключением являются теги типа link , meta , img (о них поговорим позже).

Вот пример простого HTML документа:


<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="utf-8">

<title>Теги на котиках</title>

</head>

<body>

<div class="container">

<h1>Заголовок кота</h1>

<h2>Подзаголовок кота</h2>

<p>Параграф кота</p>

<div>

<p>Список кота в контейнере div</p>

<ul>

<li>Раз кот</li>

<li>Два кот</li>

<li>Три кот</li>

</ul>

</div>

<b>Жирный кот</b>

<br>

<strong>Тоже жирный кот</strong>

<br>

<i>Кот под наклоном</i>

<br>

<em>Тоже наклонный кот</em>

<br>

<a href="images/cat.jpg">Ссылка на кота</a>

<br>

<img src="images/cat.jpg" alt="Сам кот">

<br>

<span>Текстовый контейнер кота</span>

<hr>

<input type="text" name="" value="" placeholder="Мяу?">

<button type="button" name="button">Мяу</button>

</div>

</body>

</html>

*<meta charset="utf-8"> - устанавливает кодировку нашего документа в формат UTF-8(если этого не сделать, то мы попросту не сможем использовать кириллицу )


*<a href="images/cat.jpg">Ссылка на кота</a> -тут обратите внимание на href="images/cat.jpg"

тык

в href мы указываем путь от файла документа(в данном случае index.html) до картинки cat.jpg
*<img src="images/cat.jpg" alt="Сам кот"> - тут аналогично <a href=" ">, просто у изображений и линков указывается путь к исходникам(source), сокращенно src=" "


Он же на картинке:

Строим ВебПриложение.HTML+знакомство с DOM Web-программирование, Web, HTML, Обучение, Длиннопост

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


У меня к Вам есть вопрос, какое приложение Вы бы хотели построить к концу серии постов(пишите в комментарии)?

Если какие-то не очевидные моменты по базовым основам HTML упустил, пожалуйста напишите в комментариях, отдельно пройдемся по ним в статье о CSS3 на практике(она думаю будет раз в 40 длиннее)

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

Git статьи: https://github.com/loisoj/pikabuless/tree/master/less1

P.S.

Для работы с DOM,CSS3,JS я предпочитаю atom.io
есть множество других вариантов, тут нужно подбирать непосредственно под себя.


Если нужна будет помощь с настройками

Показать полностью 2
[моё] Web-программирование Web HTML Обучение Длиннопост
27
24
scipo
7 лет назад
Web-технологии

Пути развития в WEB-сфере⁠⁠

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

Предисловие: в веб-сфере уже не новичок, разработкой сайтов занимаюсь лет с 13 (сейчас мне почти 29), за это время были и попытки всё это бросить и перейти в другую сферу, но в нашем городе-почтимиллионнике особо не разбежишься с выбором и "веб" был наиболее оптимальным выбором). Оглядываясь назад можно выделить основную проблему/ошибку с которой я столкнулся - это распыление на всё подряд начиная от работой с разными CMS(Joomla,Wordpress...остановился на MODX) заканчивая SEO, SMM, e-mail-маркетинг, возможно сосредоточившись на одном направлении (том же JS), картинку можно было изменить, но плакать о прошлом не наш путь, будем исправлять ошибки в будущем).

Что имеем сейчас: На данный момент я уже седьмой год работаю в небольшой компании как руководитель веб-направления и по совместительству как комбайн делаю, то что не могут/не хотят делать юные рекруты(дизайнеры, контент-менеджеры и стажеры-разработчики на подхвате), которые уходят через год-два как чуть наберутся опыта. Работа всегда есть, у компании основной сайт и несколько монобрендовых сателлитов. Здесь как раз пригодилось, упомянутое выше, распыление на все сферы от рекламы до разработки. Сделать с нуля сайт-каталог или магазин (при этом хочется сделать всё с душой, через сборщик, с препроцессорами, по БЭМу и тд, а не делать УГ на коленке) придумать новость о новинке, сделать кампанию в директе или рся, найти сотрудника через хх или sj, при этом вакансия должна быть приятна взгляду и цеплять "жертву", ну и наконец научить "дизайнера" предметной съемке или контент-менеджера делать рерайт. Всё это при полусерой зп в ~30к, кому-то покажется вполне нормальной (у нас в г. средняя наверно 15-20к), но тут ипотека, бензин/расходники и не желание есть дошики при этом:) отсюда уже поднадоевшие подработки у сомнительных заказчиков в виде сделать сайт на заказ, поднять в поисковике или сделать рассылку в мэйлчампе, с последним картину портит кидалово со стороны заказчиков, которые могут слиться даже если переведут предоплату.

Муки выбора: отсутствие перспектив и обострившееся желание куда-то двигаться  заставило основательно задуматься о выборе дальнейшего пути развития, пока я выделил три основных направления (учитывая умения и желания, внизу набросал схему):

1. Работа с заказчиками на фрилансе (всё то, что как-правило делают небольшие веб-студии): разработка лендингов, каталогов, интернет-магазинов "под ключ", контекстная реклама, SEO-оптимизация/продвижение, рассылки, ну и работа со страницами  в соцсетях. Весь тот багаж разбросанных знаний пригодится тут в наибольшей степени. Из минусов - это желательное последующего оформление юрлица, составление договоров и прочая скучная бюрократия. Также в минусы можно записать процент неадекватных клиентов, которых, я так полагаю, не убедит даже договор. Ну и на перспективу, по своему опыту понял, что будут сложности с поиском заинтересованных сотрудников при создании команды, большой зарплатой вряд ли сможешь заинтересовать на начальном/среднем этапе, да и есть большой процент людей которые сами не знаю чего хотят, научился и ушел в неизвестном направлении).

2. Работа Frontend-разработчиком или JavaScript-программистом: вариант с необходимостью постоянного обучения и заполнения пробелов прошлого:) Держу в голове этот вариант как наиболее перспективный уже наверно год, за последнее время освоил все эти фишки с препроцессорами (Less,Sass,Jade/Pug), сборщиками проектов (GULP, в процессе Webpack), работу с Node.JS и GIT. Сейчас активно вникаю в React. Самое сложное - это настроить свой мозг на постоянное обучение, ну и в голове крутится мысль, которую приходится отгонять "не поздно ли лезть во все эти дебри в почти 30 лет??". (тут ещё свое рода минус можно рассмотреть вычеркивание опыта веб-дизайна, сео, рекламы и тд.) Отсутствие опыта командной разработки или участие в энтерпрайз проектах осложнит поиск позиции в этом направлении. Тут особенно интересно мнение бывалых)

3. Работа менеджером проектов (product owner): интерес вызывает работа по современным методологиям (Agile: Kanban, Scrum), но понятие о них чисто теоретические(видеосеминары, статьи), ознакомительная работа в JIRA и Trello. Наверно плюсом пойдет опыт работы руководителем в целом. Но тут тоже всё начинать сначала, единственное, что в зависимости от проекта может пригодится опыт работы в веб-сфере.

4. - Недовариант (добавил в последний момент) - это разработка своего проекта, где также пригодится весь опыт разработки, продвижения и веб-рекламы. Как-то из благотворительных соображений запустил свой проект (на livestreet) с объявлениями о передачи животных в добрые руки, раскрутил группу, нашлись постоянные посетители, но потом всё загнулось из-за недостатка времени, он так пока и дрейфует в интернете (с дневной посещаемостью около 150) без копирайтера или вложений в рекламу. Может у кого-то возникнут мысли и поэтому поводу).

Ниже схема первых трех вариантов для наглядности. Высказывайте свое мнение:)

Пути развития в WEB-сфере Web-программирование, Web, Javascript, HTML, Веб-дизайн, SEO, Развитие, Программист, Длиннопост
Показать полностью 1
[моё] Web-программирование Web Javascript HTML Веб-дизайн SEO Развитие Программист Длиннопост
31
garik108
garik108
7 лет назад

Материальный дизайн (materialize framework)⁠⁠

Просьба несведущих в программировании и веб-разработке не дизлайкать, а идти мимо 

Материальный дизайн (materialize framework) HTML, Javascript, Css3, CSS, Framework, Web-программирование, Программист, Программирование
Показать полностью 1
[моё] HTML Javascript Css3 CSS Framework Web-программирование Программист Программирование
11
osyst
7 лет назад

Показывает, что нужно было использовать другой HTML-тэг)⁠⁠

Показывает, что нужно было использовать другой HTML-тэг)
[моё] Кот Работа HTML Html 5 Web-программирование
0
Nexus05
Nexus05
7 лет назад

Друзья компьютерщики⁠⁠

Друзья компьютерщики
[моё] Создание сайта Web-программирование HTML Компьютер
22
Партнёрский материал Реклама
specials
specials

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

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

Проверить

Ремонт Теплый пол Текст
JuniorFE
JuniorFE
8 лет назад
Web-технологии

HTML/CSS/JS за 3 часа⁠⁠

Краткий, но содержательный экскурс по трём китам фронт-энда.

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