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

Спрятано в 2024

Поиск предметов, Казуальные

Играть

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

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

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

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

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

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

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

Web + Веб-разработка

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

IT Программирование Web-программирование Сайт Дизайн Javascript Разработка Программист Все
143 поста сначала свежее
drimgo
drimgo
2 года назад

Веб-разработка и почему PHP в ней лидирует⁠⁠

Привет, Пикабу! Сегодня я хочу поговорить с вами о том, почему PHP является одним из самых популярных языков программирования в веб-разработке.

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

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

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

PHP также поддерживает множество баз данных, включая MySQL, PostgreSQL и Oracle. Это позволяет разработчикам создавать мощные и эффективные веб-приложения, которые могут обрабатывать большие объемы данных.

Наконец, PHP является очень быстрым языком программирования. Он может обрабатывать большие объемы данных за короткое время, что делает его идеальным для создания высокопроизводительных веб-приложений.

В заключение, PHP - это один из самых популярных языков программирования в веб-разработке благодаря его простоте, доступности, гибкости и быстроте. Если вы хотите начать карьеру в веб-разработке, то изучение PHP - это отличный способ начать. Не бойтесь начинать, учиться и развиваться - и вы станете настоящими профессионалами в этой интересной области.

#drimgostudio #созданиесайтов #разработкасайтов #купитьсайт #сайтподключ #отзывы #верстка #лендинг #вебдизайн #веб

Показать полностью
[моё] IT Веб-разработка Web PHP Сайт Текст
17
22
nanodirigible
2 года назад

Будьте осторожны с dreamstime.com - 2⁠⁠

Вот начало истории: Будьте осторожны с dreamstime.com - вебмастера берегите себя

dreamstime.com продолжает рассылать своим клиентам из России странные письма с требованием в течение 5 дней выйти на связь. Вернее - как я понял, они уже передали мой e-mail какому-то "законнику", "лойеру". Похоже, E-Mail'ы они собирают роботом-пауком-краулером, обходя интернет и ища картинки, которые есть у них в продаже.

Представьте что вы купили телевизор, а вам компания Samsung например начинает слать письма с требованием выйти на связь в течение 5 дней и подтвердить законность приобретения телевизора.

Я никого ни к чему не призываю, но я никогда больше ничего не куплю на сайте dreamstime.com - потому что если потеряются чеки (я покупал 10 лет назад, большая часть чеков сохранена, маленькая часть купленная через региональных партнёров не сохранена), то как я понял из этого письма возможны судебные преследования (даже если удалить картинки :)))).

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

В конце они пытаются запретить кому-либо сообщать о полученном от них спаме: Несанкционированное использование, распространение или размножение этого электронного письма, включая вложения, запрещено и может быть незаконным.

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


Dear Sir or Madam,

This firm is counsel to Dreamstime.com, LLC (“Dreamstime”), one of the world's leading stock photography companies in the business of licensing Royalty-Free images for commercial reproduction and publication. We are contacting you because a recent scan of your website revealed the use of an image that is exclusively offered for license through Dreamstime.

Location of infringing image:

[страничка сайта]

Link to Dreamstime image:

https://www.dreamstime.com/длинныйадрес тут адрес якобы картинки - сюда эти спамеры вставили id дела (Case), которое присвоили моему сайту. То есть при нажатии они получат статистику - Ваш ip и так далее и соотнесут его с Вашим сайтом.

Dreamstime has been unsuccessful in matching your website details with a valid license for this image. If you have purchased a license to use this image, please send us the information on such license. Otherwise, if you have not obtained a license, your use of this image is currently unauthorized. Regardless of whether you continue to display the image on your website, an appropriate license must be purchased from Dreamstime.com. Based on your current use of the image, if you have not previously obtained a license, the Universal RF / Universal EL license is required. Merely removing the image does not resolve any prior unlicensed use. You can purchase the Universal RF / Universal EL license for this image here:

https://www.dreamstime.com/длинныйадрес Вы можете купить картинку (второй раз, ага, спасибо) и тут тоже у них трекер, id Case вставлен, т.е. если вы тут нажмёте - они тоже соберут о Вас информацию.

A written response to this notice is both appreciated and expected within 5 days after its transmission, indicating the status of your license to use the image. Should you have any questions or concerns regarding this notice, please feel free to contact the undersigned by replying to this email.

This email is sent following automated and human reviews. If you have reason to believe that you have been contacted accidentally, please reach out to Dreamstime by visiting https://www.dreamstime.com/contact or by replying to this email. We apologize to any Dreamstime customers who might receive this notification by mistake. Please reach out to Dreamstime, and they will correct this situation.

We also encourage you to get in touch with Dreamstime through any of Dreamstime’s main communication channels:

Copyright@dreamstime.com

https://www.dreamstime.com/contact <- тут тоже был вмонтирован Case id

International Ph: +1 ...

Mailing Address: Dreamstime.com, LLC, .... ....., United States

(Please be sure to mention the case ID number provided in the subject of this notification.)

If you believe you qualify for any of Dreamstime’s pro-bono offers intended for non-profit organizations or media platforms, you can access those offers via the following link:

Тут ссылка с промо-кодом, ага, тоже содержит Case id, чтобы отследить Вас.
Добрые дяденьки из США прислали мне промо-код.

Best regards,

Jason A. Fischer

Fischer Law, P.L.

One Biscayne Tower, Suite ....

.......

Miami, Florida .....

___________________________________

Confidentiality Notice: This communication, including attachments, contains information that is confidential and protected by the attorney/client or other privileges. It constitutes non-public information intended to be conveyed only to the designated recipient(s). If the reader or recipient of this communication is not the intended recipient, an employee or agent of the intended recipient who is responsible for delivering it to the intended recipient, or you believe that you have received this communication in error, please notify the sender immediately by return e-mail and promptly delete this e-mail, including attachments without reading or saving them in any manner. The unauthorized use, dissemination, distribution, or reproduction of this e-mail, including attachments, is prohibited and may be unlawful. Receipt by anyone other than the intended recipient(s) is not a waiver of any attorney/client or other privilege.

P.S. Джэйсон Fischer - это видимо Фишер, рыбак, то есть этим письмом они как бы ловят рыбку.

Будьте осторожны с dreamstime.com - 2 Интернет, Фотосток, Полиграфия, Создание сайта, Авторские права, Веб-разработка, Web, Угроза, Юридические истории, Длиннопост
Показать полностью 1
[моё] Интернет Фотосток Полиграфия Создание сайта Авторские права Веб-разработка Web Угроза Юридические истории Длиннопост
15
shaitan.vladimir
shaitan.vladimir
2 года назад
Web-технологии

PADDING | MARGIN | BORDER | BOX-SIZING [Урок 7] - Отступы в CSS⁠⁠

В этом уроке разберем абсолютно все нюансы по работает с отступами в #CSS и #HTML.

Изучим: работу CSS свойств: padding, margin, border и box-sizing и полностью разберем все нюансы работы с шириной элементов и взаимодействию отступов с ними.

Домашнее задание к этому уроку ищи здесь - https://t.me/VS_FRONTEND/803

https://youtu.be/sAlpKnFGrDs

[моё] Программирование Программист IT CSS Css3 HTML Основы HTML Htmlbook Html 5 Браузер Frontend Разработчики Web Веб-разработка Pikaweb Видео YouTube
16
6
smit1987
2 года назад
Лига фрилансеров

ReCAPTCHA v3. Или как убить свой проект!⁠⁠

Крик души после очередного столкновения с эти детищем. Именно столкновения.

С reCAPTCHA v3 не встречаешься. С ней сталкиваешься!


Я знаю, что каждого из вас задолбали эти сраные квадратики со светофорами. Все мы успокаивали себя мыслью, что когда-нибудь разрабы рекапчи все-таки вернутся в адекватность, возьмут такие, подумают чем там у них есть и как оптимизируют систему..
Не-а.
Здрасьте, знакомьтесь кто еще не знаком: reCAPTCHA v3!
Да, базара ноль. Светофоры из неë убрали.. беда в том, что из неë вообще всë убрали.

ReCAPTCHA v3. Или как убить свой проект! Негатив, Проблема, Совет, Web, Веб-дизайн, Веб-разработка, Вебмастер, Капча, Recaptcha, Опыт, Мат, Длиннопост

Пару слов, для не совсем знающих, что это вообще и куда.
ReCAPTCHA v2 нам всем хорошо знакома. Она везде и повсюду. Когда вы клацаете в родной квадратик "Я не робот" - она сканирует вашу активность. И если появляется сомнения, что вы не робот - выдает картиночки, которые вам надо повыбирать. Дает, так сказать, возможность реабилитироваться.
В reCAPTCHA v3 же вообще ничего нажимать не надо. На странице еë вообще практически никак не видно. Она абсолютно автоматическая. Точно так же сканирует-оценивает тебя и если ей что-то не нравится, то всё. Просто тупо не дает тебе ничего сделать.
Т.е. вот вспомни все случаи когда v2 выдавала картиночки. Вот v3 - во всех этих случаях просто перекрывала бы кислород: "Проверка не пройдена". Досвидули. И ничë ты не сделаешь. Просто неть и всë. Выход там.

ReCAPTCHA v3. Или как убить свой проект! Негатив, Проблема, Совет, Web, Веб-дизайн, Веб-разработка, Вебмастер, Капча, Recaptcha, Опыт, Мат, Длиннопост

По заверениям балаболов маркетологов, v3 лучше справляется со спамом и всяким зловредом. Не спорю, возможно. Но вместе с тем она щедро отсеивает и живой трафик. Причем отсеивает его куда лучше, чем роботный. Роботы всё это успешно обходят (только тссс). Отсеивает живых людей, готовых тебе заплатить. И за которых ты, между прочим, сам уже заплатил.
И вот сидишь ты такой, удивляешься: Бабосов вроде вложили, трафик купили. Вроде и посещения есть. И на нужной кнопке даже задерживаются.. а звонков нет.. А по кочану. ReCAPTCHA v3 не пускает. И всë. Зато без спама.

ReCAPTCHA v3. Или как убить свой проект! Негатив, Проблема, Совет, Web, Веб-дизайн, Веб-разработка, Вебмастер, Капча, Recaptcha, Опыт, Мат, Длиннопост

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


Я знаю, что сейчас балаболы представители компании призовутся и расскажут нам, что её можно настроить. И вообще всë очень радостно и полезно. Но давайте по чесному. Если делать паранойю минимум, то:

1. Теряется смысл. Роботность обратно увеличивается.

2. А часть живых людей всë так же заëбывается. При любом раскладе. Причем заëбывается именно самая активная часть - которая в интернете работает. Те кому капча постоянно выпадает. Т.е. вот мы с вами.


Да я знаю, что v2 легко обходится. Но это не повод закрывать свой сервис от живых людей!
Админы, если вас так заспамили, если v2 не справляется - на свете есть куча современных капч, в которых для прохождения, необходимо проявить человечность и знание языка (чтобы индусы не разгадывали). Либо которые технически сложно передать этим индусам. К примеру, решить какую-то простую логическую задачу или выполнить какие-то четкие действия. Опять же рекламировать их не буду. В Гугле всë есть.


Так же щас набегут умники, которые будут рассказывать что сам дурак. Что можно то-то сделать, другое сделать, текст не копипастить, браузер сменить, данные удалить, телефон выкинуть.. Нет, дорогие. Сервис должен работать нормально. Не должен посетитель ебаться с бубнами.


В конце принято говорить, что дело ваше, решать вам и т.п.
Я скажу иначе: Если ты создал сайт или софт. Любой. То ты создал нечто социальное. На тебя люди смотрят. И если ты этих людей посылаешь на хуй в тот момент, когда они пытаются с тобой связаться или дать тебе денег, то по итогу сам понимаешь, кто куда идет. А люди отворачиваются в сторону более адекватных сервисов.


Если не хочешь разориться - не используй reCAPTCHA v3!
Считай это личной просьбой.

ReCAPTCHA v3. Или как убить свой проект! Негатив, Проблема, Совет, Web, Веб-дизайн, Веб-разработка, Вебмастер, Капча, Recaptcha, Опыт, Мат, Длиннопост
Показать полностью 4
[моё] Негатив Проблема Совет Web Веб-дизайн Веб-разработка Вебмастер Капча Recaptcha Опыт Мат Длиннопост
11
Web.Study
Web.Study
2 года назад

Она, наверное, сениор⁠⁠

Она, наверное, сениор IT, Программирование, Web-программирование, Программист, IT юмор, Web, Веб-разработка, Frontend
Показать полностью 1
[моё] IT Программирование Web-программирование Программист IT юмор Web Веб-разработка Frontend
8
37
Web.Study
Web.Study
2 года назад
Web-технологии

9 признаков плохой вакансии в ИТ⁠⁠

Пост для тех, кто читает вакансии в ИТ-компаниях и думает, что там всё классно.


Иногда уже по тексту вакансии можно понять, что работать в компании будет сложно. Мы просмотрели разные вакансии в ИТ и собрали 9 признаков того, что в реальности всё окажется хуже, чем в объявлении.

9 признаков плохой вакансии в ИТ IT, Программист, Программирование, Вакансии, Web, Веб-разработка, Frontend, Web-программирование, Работа, Длиннопост

Читайте нас в телеге, ибо там выходит контент ежедневно (не как тут) и вы сможете устроиться на вакансию мечты, обретя силу фронтенда.



А теперь к делу


1. Слишком странный набор навыков

В компанию требуется JavaScript-разработчик со следующими навыками:

• JavaScript + HTML;
• знание Microsoft Excel;
• составление отчётов в 1С;
• уверенное владение системой автоматизации СДЖУ-85.

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


Ещё есть поверие: если в вакансии написано «1С», то это будет то, с чем вы будете возиться 90% времени.


Как норм: скучный, понятный, пусть даже модный стек технологий, который кочует из одной вакансии в другую. Ну вот надо людям в каком-то году React, а в другом — Vue. Окей, но пусть это будет стандартный стек этого года, а не безумный микс.



2. Участие в техподдержке


Ваши рабочие задачи:

• написание и отладка кода;
• разработка новых систем;
• помощь при работе с клиентами, иногда — ответы на вопросы пользователей.


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


Как норм: поддержкой занимается поддержка.



3. Высокий темп разработки


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

Что здесь не так: высокий темп означает, что в компании, скорее всего, не налажено тестирование и оформление документации. С этим просто некогда разбираться, а все проблемы решаются выпуском нового кода. В итоге всё превращается в спагетти-код и падает из-за отсутствия документации.


Как норм: у компании должен быть этап тестирования, обязательные требования по документированию своего софта, а в идеале ещё и код-ревью — когда старшие товарищи проверяют ваш код.



4. Десятилетний стартап


Мы — стартап, который образовался 10 лет назад, и у нас до сих пор сохранилась та атмосфера свободного общения и отношения к продукту.

Что здесь не так: если стартапу больше трёх лет и он всё ещё стартап, то с продуктом явно что-то не то: либо нет клиентов, либо нет квалифицированных разработчиков, либо ребята не знают значения слова «стартап». В любом случае за это время там накопится технический долг, на разгребание которого понадобится ещё 10 лет. Хотите ли вы в таком участвовать — хорошо бы решить заранее.


Как норм: компания, которая работает уже 10 лет, скорее всего, уже имеет штат HR-специалистов, которые будут обрабатывать входящие вакансии. Это признак, что хотя бы процесс найма у компании поставлен.



5. Обязательное участие в корпоративных мероприятиях


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

Что здесь не так: ну как можно навязывать работникам досуговые мероприятия? Это просто неприлично.



6. Горизонтальное управление, никакой иерархии, решает команда


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

Что здесь не так: в коллективе всё равно будут лидеры и руководители, только они будут неформальные и в случае чего смогут откреститься от любой ответственности. Вам придётся помимо работы участвовать в беспощадной внутриполитической борьбе.


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



7. Руководитель лично вовлечён


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


Как норм: «вы будете работать в команде такой-то над такими-то задачами».



8. Оперативные ответы в любое время


Будущий сотрудник должен:

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


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


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



9. Несоответствие опыта и развития отрасли


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

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



Это не панацея


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


Часто нормальные внешне вакансии ведут в проклятые компании, и никак, кроме как по отзывам, ты это не узнаешь (или на личном опыте).


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


Как это всё научиться отлавливать? Достоверно не знаем. Но с опытом становится легче.

Показать полностью 1
[моё] IT Программист Программирование Вакансии Web Веб-разработка Frontend Web-программирование Работа Длиннопост
5
13
Web.Study
Web.Study
2 года назад
Web-технологии

28 расширений VS Code для разработки документации⁠⁠

Собственно, это плагины для VS Code, без которых техническим писателям и разработчикам документации жить можно, но сложно. В подборке — линтеры, форматирование, работа с git, проектирование API, подготовка схем и милота для удобной разработки.

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Здесь мы вам даем еще больше полезностей: полезные сервисы и фишки, мануалы и статьи готовые решения на CSS, Javascript и не только



Линтеры


Markdownlint

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Самый популярный линтер для разметки Markdown. Подсвечивает распространенные проблемы.


Как пользоваться



Markdown All in One

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Поддержка разметки Markdown в Visual Studio Code. Форматирование таблиц, оглавление, рендеринг в HTML.


Как пользоваться



LTeX – LanguageTool grammar/spell checking

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Проверка орфографии и стилистики английского и русского языка по правилам LanguageTool.


Как пользоваться



Code Spell Checker + Russian - Code Spell Checker

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Проверка опечаток в английском и русском тексте и коде. Находит опечатки даже в названиях переменных в коде. Можно использовать расширение совместно с LTeX.


Как пользоваться



Proselint


Расширение линтера англоязычной прозы Proselint. Создатели сервиса вдохновлялись Чаком Палаником, Марком Твеном, Джоржем Оруэллом и другими писателями.


Как пользоваться



Textlint

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение open source сервиса Textlint, написанного на JS.


Как пользоваться



Vale

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Семантический линтер с возможностью задавать свои правила, настройки и конфигурации проверок на то, что вам нужно.


Как пользоваться



Форматирование и форматы


Prettier - Code formatter

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение помогает так хорошо отформатировать текст в Markdown, что на него не ругается линтер.


Как пользоваться



OpenAPI (Swagger) Editor

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение для редактирования, форматирования спецификации OpenAPI (Swagger) в YAML или JSON.


Как пользоваться



MdTableEditor

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение исключительно для таблиц Markdown. Подсвечивает строки, столбцы и добавляет кнопки для операций с таблицами на командную панель.


Как пользоваться



GitHub Markdown Preview

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Предварительный просмотр файлов Markdown в формате и стилистике GitHub.


Как пользоваться



Markdown Checkboxes

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение добавляет поддержку флажков и списков задач с предварительным просмотром.


Как пользоваться



PlantUML

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширенная поддержка PlantUML.


Как пользоваться



Asciidoc

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение поддерживает предварительный просмотр в реальном времени, подсветку синтаксиса и cниппеты для формата AsciiDoc.


Как пользоваться



reStructuredText Language

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение для полноценной работы с языком разметки reStructuredText.


Как пользоваться



Работа с системой контроля версий


GitLens

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

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


Как пользоваться



Git Graph

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Визуализирует весь таймлайн с коммитами и ветками. Позволяет работать с git через интерфейс.


Как пользоваться



Git Project Manager

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение позволяет открывать новое окно с репозиторием git из окна VS Code и быстро переключаться между репозиториями.


Как пользоваться



Удобство и милота


Markdown Emoji

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

✨


🚀(здесь ссылка)



HTTP/s and relative link checker

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Поиск битых ссылок в Markdown-тексте.


Как пользоваться



Settings Sync

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Синхронизирует настройки и конфигурации VSCode. Для синхронизации используется Github Gist.


Как пользоваться



PDF

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение конвертирует файлы Markdown в файлы PDF, HTML, PNG, JPEG.


Как пользоваться



Markdown Paste

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Расширение делает скриншоты и сразу же ссылки на них в файлах Markdown.


Как пользоваться



Word Count

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Подсчет символов в документе.


Как пользоваться



Auto Close Tag

28 расширений VS Code для разработки документации Программирование, IT, Программист, Web-программирование, Web, Веб-разработка, Frontend, Visual Studio, Длиннопост

Добавляет закрывающий тег.


Как пользоваться



Rainbow bracket

Каждой паре всех видов скобок расширение дает свой цвет радуги. Красным цветом подсвечены незакрытые скобки.


Как пользоваться



Live Server


Локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц. Рендеринг по кнопке.


Как пользоваться



Material Theme Icons

Иконки к файлам и папкам.


Как пользоваться

Показать полностью 24
[моё] Программирование IT Программист Web-программирование Web Веб-разработка Frontend Visual Studio Длиннопост
5
10
Web.Study
Web.Study
2 года назад

Кто этот ваш Markdown, да и зачем он нужен? Разберемся⁠⁠

В вебе есть стандартный язык разметки — HTML. Его понимают браузеры, но человеку читать чистый HTML-код тяжело — мешают теги и обилие служебной информации. Например, наша главная страница в HTML выглядит как-то так:

Кто этот ваш Markdown, да и зачем он нужен? Разберемся Программирование, IT, Программист, Новичок, Web-программирование, Web, Веб-разработка, Frontend, Длиннопост

Чтобы понять, почему так, нужно вспомнить истоки HTML. Когда его только создавали, у него была задача описывать гипертекстовые документы: то есть документы, в которых будет текст и гиперссылки. При этом передаваться он должен был по очень медленным каналам. Первые HTML-страницы были минималистичными: только текст, заголовки, таблицы и редкие ссылки.


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


Весь веб, который вы сейчас видите, сделан на «костылях» от простого языка для разметки текста.

Кто этот ваш Markdown, да и зачем он нужен? Разберемся Программирование, IT, Программист, Новичок, Web-программирование, Web, Веб-разработка, Frontend, Длиннопост

Наш канал, где каждый день выходят полезные мануалы, статьи и готовые решения на CSS, Javascript и многое другое



Кто этот ваш Markdown


Markdown — это язык текстовой разметки документов. Его придумали в 2004 году блогер Джон Грубер и интернет-активист Аарон Шварц, чтобы быстро форматировать статьи. Требования к языку у них были такие:


1. Чем проще — тем лучше.

2. Документы с этой разметкой можно перевести в красиво отформатированный вид, как на веб-странице.

3. Исходный текст материала должен оставаться читаемым даже без преобразования в веб-страницу.


В результате у них получился простой язык, который активно используется до сих пор.


Смысл маркдауна в том, что вы делаете разметку своего документа минимальными усилиями, а уже какой-то другой плагин или программа превращает вашу разметку в итоговый документ — например в HTML. Но можно и не в HTML, а в PDF или что-нибудь ещё. Маркдаун — это как бы язык для других программ, чтобы они формировали документы на основе вашего текста.


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

Кто этот ваш Markdown, да и зачем он нужен? Разберемся Программирование, IT, Программист, Новичок, Web-программирование, Web, Веб-разработка, Frontend, Длиннопост
Кто этот ваш Markdown, да и зачем он нужен? Разберемся Программирование, IT, Программист, Новичок, Web-программирование, Web, Веб-разработка, Frontend, Длиннопост

Синтаксис


Для оформления заголовков используют решётку. Одна решётка — заголовок первого уровня, две — заголовок второго уровня, и так до пятого. Посмотрите на скриншотах выше, как это работает.


## Это будет заголовком второго уровня (как Синтаксис в этом разделе)


Чтобы выделить слово или абзац, используют одну звёздочку в начале и в конце:


*вот так* → вот так


Если нужно выделить сильнее, берут две звёздочки:


**выделяем текст сильнее** → выделяем текст сильнее


Зачёркивают двумя тильдами:


~~зачеркнули и всё~~ → зачеркнули и всё


Для оформления кода используют обратный апостроф: `.


`Пример кода` → Пример кода (в Пикабу нет такой разметки😢)


Если нужно оформить много строк кода, тогда перед каждой из них ставят 4 пробела или один таб. Ещё можно взять такой блок в три обратных апострофа подряд — в начале и конце кода (представьте тут форматирование кода):

<! doctype html>
<html>
<head>
</head>
<body>
</body>
</html>

Чтобы сделать ненумерованный список, каждый элемент начинают с символов *, - или +.


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


1. Один
3. Три10. Десять


превращается в


1. Один

2. Три

3. Десять


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


[Текст ссылки](https://thecode.media/ «Необязательный заголовок ссылки»)

Картинки вставляются точно так же, только добавляется восклицательный знак в самом начале:


![Alt-текст изображения](https://thecode.media/image.jpg «Необязательный заголовок изображения»)



Как работает эта магия


Если мы просто напишем текст и разметим его с помощью Markdown, то он так и останется текстом с разными спецсимволами. Чтобы результат выглядел как на скриншоте выше, используют специальные редакторы, плагины или программы, которые поддерживают этот язык разметки.


Работает это так:


1. Программа берёт текст и смотрит, есть ли в нём эта разметка.

2. Если есть — применяет нужное правило оформления к нужному фрагменту текста и выводит его красиво. Если нужно — подставит картинку, сделает ссылку и сама оформит список.

3. Если разметки нет — выводит содержимое просто как текст.


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



Зачем использовать Markdown


Причин несколько.


1. Если вам нужно простое оформление текста без изысков или вам нужно быстро подготовить материал к публикации без сложной вёрстки.

2. Если вы делаете блог или другой статичный сайт, на котором хотите размещать свои тексты с лаконичным дизайном.

3. Вы хотите писать красивые сообщения в WhatsApp или Telegram.

4. Вы программист и пишете документацию к своему проекту на GitHub


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



Что дальше


Скоро покажем, как запустить свой блог, используя Markdown и плагин для быстрого преобразования HTML-файлов. А там уже и до своего языка разметки недалеко.

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