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

Дрифт Без Лимита

Гонки, Симуляторы, Спорт

Играть

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

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

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

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

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

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

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

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

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

IT Программирование Сайт Веб-разработка Дизайн Javascript Программист HTML Все
165 постов сначала свежее
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
garik108
garik108
7 лет назад
IT-юмор

Когда родители говорят гостям , что ты программист⁠⁠

Когда родители говорят гостям , что ты программист PHP, Ruby, Javascript, Python, Программист, Программирование, Web, Web-программирование
Показать полностью 1
[моё] PHP Ruby Javascript Python Программист Программирование Web Web-программирование
13
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
free36hedgehog
free36hedgehog
7 лет назад
Лига фрилансеров

Help me: Нужна помощь в личностном росте.⁠⁠

Всем привет! Скажу сразу: ищу куратора для личного развития. Интересны сферы web-программирования и разработки приложений на Android. Если есть возможность и интерес, для Вас пишу дальше; если нет, извините за потраченное время (чтобы не топить сам пост, оставил Вам 2 коммента для минусов).


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

Во-вторых, хотел бы, чтобы помогли с составлением некой пошаговой программы обучения (тебе надо выучить вот это, чтобы перейти вот к этому). Часто встречается в курсах что-то из разряда задача "Hello, world!", а во второй главе "К концу недели вы создадите свою программу слежения за агентами FBI". К сожалению, без порции дурацких вопросов не обойтись на начальных этапах. Ну, и конечно нужны задания для каждого шага развития. Готов безвозмездно помогать, решая задания, в написании блоков для Вашей работы или проектов, в которых Вы участвуете, когда уже достигну какого-то минимального уровня над дном)))


О себе скажу, что когда-то в далеких 2006-2007 прошел курсы Web-дизайна и верстки. Пользовались Adobe Photoshop, Adobe Illustrator, Macromedia Flash MX, CorelDRAW. В памяти остался только Photoshop. Из ЯП были Java, HTML (не кидайте тапками, помню, что это не ЯП, а язык гипертекстовой разметки) и наследия советской школы (Turbo Pascal, Basic, Visual Basic). Какие-то общие понятия есть, но без поднятия лекций точно ничего не напишу.


Знание английского: каждый новый преподаватель спрашивал не учил ли я до этого немецкий (произношение + знание) =)


Ковырялся на фрилансе на Adobe Photoshop (не заработок, а попытки участвовать в конкурсах, чтобы забыть не все), пару месяцев проковырялся дизайнером-верстальщиком на Adobe Photoshop 5 (примитивный дизайн и шаблонная верстка HTML).

Затем года 4 тишины.


Сейчас поставил VEGAS Pro 15 и пытаюсь ковыряться в нем. Имею Adobe Photoshop СС 2013 (юзаю исключительно в личных целях и новыми инструментами, к сожалению, не пользуюсь). Ну, и желание учиться.

Если есть возможность и интерес помочь, пишите в VK (в адресной строке вместо 36 в нике на Пикабу, поставьте нижнее подчеркивание).


P.S. Приношу извинения за скомканность, пишу с работы (что-то припекло и хочется вернуться к тому, что мне интересно, а не только приносит доход). Если интересно, еще раз приношу извинения за Ваше потраченное время.

Help me: Нужна помощь в личностном росте. Куратор, Обучение, Android, Web, Web-программирование, Программирование, Помощь
Показать полностью 1
Куратор Обучение Android Web Web-программирование Программирование Помощь
25
bychok300
bychok300
8 лет назад

Ищу людей для помощи начинающему программисту⁠⁠

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

[моё] Java Программирование Web Web-программирование Веб-разработка Текст
19
BaNdErOzZz
BaNdErOzZz
9 лет назад
Создайте сообщество

Программирование на PHP⁠⁠

Хотелось бы создать сообщество программистов на PHP.

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

Каждый день появляются новые статьи из мира PHP и проходят мимо нас, возможно вы прочитали, что-то интересно, или у вас есть свой личный опыт, поделиться которым хотелось бы, но вы не уверены, что на хабре вас примут, а свой блог вы пока не завели - тогда будет отличной идеей написать свой пост сюда !

Давайте делиться интересными событиями и статьями из мира PHP и WEB-разработки !

*жаль, что в текстовом редакторе пикабу нет форматирования кода )

Программирование на PHP PHP, Хакеры, Hhvm, Web, Web-программирование, Javascript, Mysql, Postgresql
PHP Хакеры Hhvm Web Web-программирование Javascript Mysql Postgresql
19
22
ZhopaPutina
ZhopaPutina
9 лет назад

Когда ты умелый веб-программист⁠⁠

надпись на картинке "пожалуйста, введите ваш телефонный номер"

Когда ты умелый веб-программист Индусский код, Программирование, Web, Web-программирование

готов спорить, там ещё на серверной стороне никакой валидации не происходит

Индусский код Программирование Web Web-программирование
35
39
DELETED
9 лет назад

Правители⁠⁠

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