https://forummexzavod.ixbb.ru/ МЕХЗАВОД | Сайтостроение для начинающих ru-ru Tue, 30 Dec 2025 14:32:24 +0300 MyBB/mybb.ru https://forummexzavod.ixbb.ru/viewtopic.php?pid=1780#p1780 <p>Как скачать Canva</p> <p>Ссылки на скачивание клиентских приложений Canva для всех поддерживаемых платформ собраны на официальном сайте в разделе Download (https://www.canva.com/download/). В июне 2025 года сервис работает в браузерах, на Windows, MacOS, Android, iOS и на устройствах Chromebook. Клиенты повторяют возможности веб-версии, но отличаются лучшей стабильностью, плавностью интерфейса, адаптацией под привычное управление с клавиатуры и в целом под особенности операционной системы устройства. Поэтому для регулярного пользования платформенный клиент Canva всегда предпочтительнее браузерной версии, а веб хоть и не уступает в функциональности, но бывает менее производительным и не таким удобным.</p> <p>Скачать Canva на ПК</p> <p>Для комфортной работы в Canva нужен компьютер с 1 Гб оперативной памяти, 1 Гб места на накопителе для распаковки клиента и процессором мощностью от 1 ГГц. Поддерживаются все версии операционной системы Windows 10/11, начиная с 1909.</p> <p>Перейдите на https://www.canva.com/download/windows/ и нажмите большую сиреневую кнопку загрузки (Download Canva for Windows).<br />Запустите загруженный файл, чтобы распаковать клиент.<br />Авторизуйтесь в приложении, автоматически открывшемся по завершении распаковки.</p> <p>Подробнее: https://www.movavika.ru/learning-portal/canva/ © Movavika.ru</p> mybb@mybb.ru (Sandra) Tue, 30 Dec 2025 14:32:24 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1780#p1780 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1779#p1779 <p>Графический дизайнер (от англ. design – чертеж, эскиз, замысел.) специализируется на оформлении окружающей среды средствами графики. Профессия подходит тем, кого интересует рисование и информатика.</p> <p>Для успешной работы в сфере графического дизайнера важны профессиональные умения и навыки, а также особенности личного развития. Необходимо не только мыслить креативно, но уметь работать с большим массивом информации, организовывать собственное время, расставлять приоритеты, ориентироваться на требования клиента и знать тренды в профессии.</p> <p>Профессиональные умения — это то, на что в первую очередь обращают внимание работодатели. Здесь от дизайнера требуется понимание основ композиции, умение работать с цветом, типографикой (искусством оформления текста), необходим опыт разработки веб-интерфейсов, упаковки, фотографии, видеороликов. Для того, чтобы воплотить идею в жизнь, необходимо знать основной пакет профессиональных программ, таких как Adobe Illustrator, Photoshop, InDesign, After Effects, программ для 3d редактирования и видеомонтажа, а также понимать технологические процессы производства. Кроме этого, в современном мире очень важным становится знание английского языка — умение объясниться с клиентом, понимание профессиональной литературы.</p> <p>Специализации<br />Профессия графического дизайнера имеет несколько направлений, и один дизайнер может работать либо в одном из них, либо совмещать два или три направления.</p> <p>Брендинг. Создание узнаваемого образа бренда: от цветовой гаммы до логотипа.<br />Маркетинговый дизайн. В 2018 году сеть пекарен «Буше» запустила запоминающуюся рекламную кампанию. Ее участником стал город. Желтая стена дома превратилась в буханку хлеба, а разрисованный граффити забор — в торт. В общем, дизайнер так постарался, что сразу захотелось прикупить пару булочек.<br />Дизайн пространства. Специалист этой сферы занимается разработкой знаков, указателей, табличек. Если, едва взглянув на схему торгового центра, вы сразу поняли, куда идти — значит, работа качественная.<br />Разработка шрифтов. Особая область, ведь шрифт должен не только передавать определенное настроение, но и быть удобочитаемым.<br />Дизайн упаковок. Достаточно взглянуть на коробку, чтобы узнать гаджет от Apple. Не это ли почерк гениального дизайнера?<br />Дизайн публикаций. Книги, журналы, газеты, визитки — все это попадает на стол специалиста, работающего в этой области.<br />Дизайн пользовательских интерфейсов (UI). Профессионал в этой сфере делает так, чтобы приложение было не только эстетически привлекательным, но и функциональным и удобным. Поэтому нередко одним из требований, предъявляемых к UI-дизайнерам, является знание технической стороны — то есть языков программирования.<br />Моушн-дизайн. Сюда можно отнести создание всех движущихся графических элементов. Например, заставки в шоу популярного YouTube-блогера.<br />Плюсы<br />Одним из главных плюсов профессии графического дизайнера считается возможность начать работу, не потратив 3-6 лет на получение диплома по профилю. Познания в изобразительном искусстве и компьютерных технологиях понадобятся, но развитием в этих направлениях можно заняться самостоятельно.</p> <p>Еще в качестве преимуществ работы графическим дизайнером выделяют:</p> <p>Высокий спрос, ведь крутой дизайн — один из ингредиентов для создания успешного бизнеса.<br />Достойная зарплата. Чем толще портфолио успешных кейсов, тем больше сумма.<br />Творчество. Каждый плакат, книга или приложение — это настроение, характер и эмоции, которые можно увидеть. В общем, без вдохновения не обойтись.<br />Своё расписание. Не каждая профессия может похвастаться свободным графиком. Хочешь работать по ночам под шелест волн Черного моря где-нибудь в Сочи или Ялте — пожалуйста!<br />Минусы<br />Несмотря на повышенный интерес со стороны молодых людей по данному направлению, профессия имеет ряд недостатков. Среди них можно выделить следующие:</p> <p>Высокая конкуренция. Да-да, за работу мечты ещё придётся побороться.<br />Постоянное обучение. Визуальные тренды меняются чуть ли не вместе с сезонами. Так что нужно быть готовым к постоянным тренингам и курсам.<br />Где учиться в 2025 году<br />Графическому дизайнеру необходимо научиться переносить образы, созданные в его голове, на экран рабочего монитора. Поэтому он должен знать виды художественных техник, правила создания композиции, обладать полным арсеналом знаний и навыков настоящего художника. Дополнительно придется освоить правила пользования рядом компьютерных программ, графических редакторов. Всему перечисленному можно научиться. Главное, никогда не останавливаться на достигнутом, ведь перечень инструментов профессионала постоянно расширяется.</p> <p>На рынке образовательных услуг имеется большое количество учебных программ, тренингов, курсов и семинаров. Не советуем зациклиться на одном подходе, а лучше попробовать скомбинировать и учиться в разных направлениях и школах. Так можно повысить свои шансы на получение работы мечты.</p> <p>Выделяют несколько способов получения подобной специальности:</p> <p>Домашнее обучение.<br />Разнообразные курсы.<br />Участие в семинарах.<br />Учеба в художественных школах.<br />Обучение в профессиональных учреждениях (техникум, колледж, училище).<br />Обучение в высших учебных учреждения.<br />Стоит учитывать, что при поиске работы, заказчик будет предъявлять требования к соискателю в части наличия высшего образования. Поэтому необходимость наличия диплома по данной специализации является обязательным.</p> <p>Учебные заведения<br />Образовательный процесс длится не менее шести лет, за время которого студенты получают ценные знания и умения.</p> <p>Британская высшая школа дизайна (Москва) Выпускники вуза получают международную степень бакалавра искусств благодаря программе, аккредитованной Университетом Хартфордшира. Среди преподавателей — специалисты-практики со всего мира.<br />Высшая школа экономики Вуз входит в топ-40 лучших молодых университетов мира. Выпускники Школы дизайна ВШЭ — обладатели международных наград, работающие в сферах моды и театра, современного искусства и фотографии, гейм-дизайна и рекламы.<br />Санкт-Петербургский государственный университет промышленных технологий и дизайна Вуз более двадцати лет готовит графических дизайнеров в сферах рекламы и арт-пространства.<br />Курсы<br />Занимаясь на курсах Вам, потребуется не менее шести недель. Подобные образовательные программы предлагают различные дизайнерские организации, высшие учебные учреждения. Заниматься можно в очной форме или дистанционным образом. На них можно получить необходимые знания в области графического дизайна, а также студентам будут даны ответы на интересующие вопросы и способы получения высокооплачиваемых заказов.</p> <p>Coursera На крупнейшем в мире сервисе с онлайн-курсами можно найти программы от ведущих гуманитарных вузов и компаний мира. Например, Калифорнийский институт искусства учит графическому дизайну с нуля. Кстати говоря, в связи с пандемией коронавируса все курсы сделали бесплатными.<br />Skillbox 12-месячный онлайн-курс включает 100 модулей. Дипломная работа — кейс для реальных заказчиков.<br />GeekUniversity Не просто курсы, а целый онлайн-университет от Mail.ru Group с гарантией трудоустройства. В течение обучения студента ведёт личный помощник-куратор. А результат — это не только диплом, но и портфолио из семи работ.<br />Востребованность<br />Графические дизайнеры работают в дизайн-студиях, брендинговых и рекламных агентствах, издательствах и в любых государственных предприятиях и частных фирмах, предпочитающих держать в штате собственного дизайнера.</p> mybb@mybb.ru (Sandra) Sun, 29 Jun 2025 15:07:43 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1779#p1779 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1778#p1778 <p><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/12/219694.png" alt="https://upforme.ru/uploads/0017/46/97/12/219694.png" /></p> mybb@mybb.ru (sasha) Sun, 26 Jan 2025 11:17:03 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1778#p1778 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1777#p1777 <p>Примеры сильного личного бренда</p> <p>Личный бренд нужен не только в медийных профессиях: блогинге, журналистике, шоу-бизнесе, пиаре. Сильная репутация важна как дополнительный инструмент для продвижения карьеры предпринимателям, экспертам, руководителям бизнеса.</p> <p>&#160; &#160; Антрополог Станислав Дробышевский. Ему удалось стать известным популяризатором в нишевой области науки.<br />&#160; &#160; Журналист Ксения Собчак. Имя остается на слуху в России, несмотря на постоянную критику.<br />&#160; &#160; Американская актриса и певица Пэрис Хилтон. Амплуа «глупой блондинки» стало визитной карточкой и помогло добиться мирового успеха в кино, музыке и бизнесе.<br />Как создать личный бренд</p> <p>Чтобы начать работу с репутацией, необязательно нанимать команду пиар-менеджеров или получать специальное образование. Проанализируйте, зачем вам нужен развитый личный бренд и как можно достичь результата:</p> <p>&#160; &#160; Сформулируйте цель, чтобы определить вектор развития. Конкретная формулировка поможет сконцентрироваться и наметить план действий.<br />&#160; &#160; Выделите целевую аудиторию. Это могут быть инвесторы для бизнеса, сотрудники, которым важна личность руководителя. Клиентам образ главы компании помогает выявить ценности бренда.<br />&#160; &#160; Выберите, как общаться с аудиторией. Научитесь говорить на языке профильного сообщества.<br />&#160; &#160; Оцените достижения. Где вы учились, кем работали, чем увлекаетесь — расскажите аудитории об опыте, который помог стать экспертом, и создайте профессиональный образ.<br />&#160; &#160; Подумайте, как стать заметным специалистом. Узнайте, что ценится в отрасли. Подсвечивайте подходящие грани своего опыта. Регулярно показывайте, как идете к результату, какие ошибки совершаете и как справляетесь с трудностями.</p> <p>Как продвигать личный бренд</p> <p>Никто не оценит опыт и достижения, пока вы сами о них не расскажете. Будьте проактивными и инициативными — помогайте людям узнавать вас:</p> <p>&#160; &#160; Ведите социальные сети. Делитесь новостями личной и профессиональной жизни, экспертным мнением и наблюдениями. Создавайте контент, который будет полезен и интересен аудитории.<br />&#160; &#160; Участвуйте в профильных мероприятиях. Посещайте бизнес-завтраки, форумы и конференции, становитесь спикером публичных дискуссий, героем телевизионных программ и интервью.<br />&#160; &#160; Публикуйтесь в авторитетных изданиях или добавьте блог на корпоративный сайт. Пользователь, который погуглит вас, увидит, что ваше мнение ценит профессиональное сообщество.<br />&#160; &#160; Общайтесь с другими экспертами. Расширяйте круг знакомых онлайн и офлайн. Формируйте мнение о себе и компании в деловой среде.<br />&#160; &#160; Становитесь организатором бизнес-ивентов. Приглашайте экспертов выступить перед сотрудниками. Проводите мероприятия в вашей компании. Делитесь опытом с другими экспертами.</p> <p>Когда не нужно развивать личный бренд</p> <p>Формирование репутации не волшебная таблетка для любой карьеры. Приводим примеры, когда вложения в личный бренд станут пустой тратой денег и времени.</p> <p>&#160; &#160; Не нужна большая аудитория. Если для профессионального роста достаточно считаться экспертом в узкой нише, гораздо важнее развивать профильные навыки, а не публичный образ.<br />&#160; &#160; Нужен быстрый результат. Личный бренд — это работа на долгосрочную перспективу. Если вы познакомились с крутыми экспертами на профильном мероприятии или выложили первый пост, это не значит, что вы сразу приступите к сотрудничеству с новыми клиентами. На эффект сарафанного радио требуется время.<br />&#160; &#160; Не хватает профессиональных достижений. Чтобы создать репутацию эксперта, нужны доказательства опыта, навыков и знаний, которые постоянно углубляются. Без них будет сложно сформировать доверие аудитории.</p> <p>Ключевые ошибки</p> <p>Чтобы инвестиции в личный бренд окупились, ориентируйтесь на четыре правила:</p> <p>&#160; &#160; Не развивайтесь без стратегии. Управляйте репутацией последовательно и регулярно, а изменения в имидж внедряйте постепенно.<br />&#160; &#160; Не копируйте. Личный бренд отражает уникальность и не должен дублировать образ другого эксперта. Опирайтесь на чужой опыт для вдохновения, не заимствуя бездумно.<br />&#160; &#160; Не фокусируйтесь на экспертности. Образ человека формируют не только сертификаты и профессиональные премии, но и амбиции, взгляды на жизнь. Не бойтесь делиться событиями из жизни и личным контентом.<br />&#160; &#160; Реагируйте на критику конструктивно. Не нужно соглашаться с каждым, кто комментирует ваши слова и действия. Учитывайте конструктивные мнения и выбирайте, к кому будете прислушиваться.</p> <p>Развивайте личный бренд, чтобы стать лидером мнений в отрасли и построить доверительные отношения с профессиональным сообществом.</p> mybb@mybb.ru (samadmin) Thu, 23 Jan 2025 09:15:00 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1777#p1777 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1776#p1776 <p>Хотите сделать сайт? Выбираете веб-студию? Тогда данная статья для Вас!</p> <p>Вы как заказчик, наверное, обратили внимание на то, что количество дизайн студий просто огромно. Но на самом деле их ещё больше.</p> <p>Почему их так много?<br />Всё просто! Клиенты ничего не понимают в создании сайтов, но хотят и заказывают сайты. Исполнители на них учатся. Так формируется рынок веб-дизайна.</p> <p>Почему такие большие цены? Какие факторы влияют на стоимость услуг веб-студий?<br />1. Качество и уровень веб-дизайна.</p> <p>Обычно у хороших студий не бывает следующих ошибок:</p> <p>&#160; &#160; дизайн сайта не подходит услугам компании,<br />&#160; &#160; сайт не продаёт,<br />&#160; &#160; некорректная вёрстка страниц,<br />&#160; &#160; не оптимизированы или плохо выполняются скрипты,<br />&#160; &#160; используются избитые или вовсе ворованные идеи дизайна,<br />&#160; &#160; дизайн сделан на основе бесплатного шаблона, но продается клиенту под видом уникального,<br />&#160; &#160; выбранные цвета сайта не гармонируют,<br />&#160; &#160; сайт непропорционален и негармоничен.</p> <p>2. Не все студии являются студиями по факту.</p> <p>Многие студии говорят, что у них:</p> <p>&#160; &#160; есть система управления отношениями с клиентами (CRM),<br />&#160; &#160; большой штат профессиональных сотрудников,<br />&#160; &#160; даются гарантии на сайт,<br />&#160; &#160; правильно организован технический процесс,<br />&#160; &#160; существует внутренний план развития,<br />&#160; &#160; и многое, многое другое.</p> <p>Те, кто уже «обжигался», понимают, что это не так, и вот почему:</p> <p>&#160; &#160; У многих веб-студий ничего вообще нет (есть только пара менеджеров), и все заказы ведутся в телефонной книжке.<br />&#160; &#160; Часто заказы выполняются фрилансерами, но авторские права на все созданные сайты остаются у веб-студий.<br />&#160; &#160; Многие веб-студии рождаются из рекламных агентств, типографий, ит-аутсорсинговых компаний. То есть компаний, только отдалённо связанных с вебом.</p> <p>Хочу, чтобы Вы просто знали:</p> <p>&#160; &#160; называть себя веб или дизайн-студией может кто угодно, но оплачивать «эксперименты» энтузиастов приходится клиентам.<br />&#160; &#160; настоящая студия не может себе позволить «эксперименты» на клиентах, она может делать только действительно эффективные проекты для своих клиентов.</p> <p>Почему не стоит делать сайт по бартеру?<br />Иногда студии предлагают клиентам сделать сайт по бартеру. Часто это происходит, если компания известна и публична (сайт играет огромное рекламное значение). Для создателей сайта он станет рекламной площадкой (большой баннер ведущий на сайт студии, ссылка на текст с&#160; отзывом о профессионализме сотрудников).</p> <p>Почему так много веб-дизайнеров и так мало хорошо сделанных сайтов?<br />Возможно, в этом виноваты сами заказчики, для которых главный критерий выбора дизайнера — дешевизна. Многим исполнителям всё равно, как оформлен сайт. (Хозяин — барин!)</p> <p>С другой стороны — это явная вина дизайнеров. Основные причины:</p> <p>&#160; &#160; доступность чудо-программы Photoshop,<br />&#160; &#160; множество теоретических статей (как сделать макет для сайта, как сделать баннер, как сделать веб дизайн, как нарисовать логотип для сайта).<br />&#160; &#160; бесконечное множество курсов.</p> <p>Всё это вызвало появление такого большого количества «дизайнеров».</p> <p>Да, графические редакторы дают возможность создавать. Но ответьте честно на вопрос — кто такой дизайнер? Это прежде всего художник. А многие ли&#160; умеют рисовать? А хорошо рисовать? А пером?</p> <p>Нужно понимать, что графические редакторы для художника — это дополнение его возможностей, и чем лучше художник умеет рисовать, тем больше у него возможностей.</p> <p>«Дизайнеры» и даже арт-директора многих студий не умеют рисовать, они умеют компоновать изображения.</p> <p>Вот и получается, что человек, знающий Photoshop, называет себя дизайнером. Школьник, который установил Linux, тоже говорит, что он линуксоид, а Windows глючная поделка. Однако это не делает его специалистом в Linux.</p> <p>Возможно, Вы хотите со мной спорить и доказывать, что для настоящего веб-дизайнера или студии очень важно создать именно хороший сайт! Именно это и есть цель веб-дизайнера или студии. Потому что этот сайт попадёт в портфолио. Чем больше хороших сайтов в портфеле, тем лучше его оценят как профессионала другие клиенты.</p> mybb@mybb.ru (sasha) Sat, 07 Dec 2024 17:07:48 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1776#p1776 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1775#p1775 <p>Как написать программу в блокноте</p> <p>wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 44 человек(а).</p> <p>Количество просмотров этой статьи: 199 546.</p> <p>Из этой статьи вы узнаете, как написать программу в стандартном приложении «Блокнот» для Windows. Если коротко, то вам нужно будет построчно ввести код программы в Блокнот, а затем сохранить файл в формате необходимого языка программирования.<br />С этой статьей вы не научитесь программировать и даже не напишите как таковую программу, но найдете здесь отличные VBS скрипты и BAT файлы, которые без проблем напишете в обычном блокноте Windows, сможете усовершенствовать по своему, потом похвастаться перед друзьями и близкими. Возможно это поднимет вам настроение и вы отлично проведете время.</p> <p>Большинство похожих скриптов пишутся для удобства и автоматизации каких-либо действий на компьютере с ОС Windows. Представленные же ниже скрипты мало окажутся полезными (может мне так кажется), но они отлично подойдут для первоначального знакомства с «кодингом». Вы отлично проведете время, удивив как себя, так и знакомых чайников (не программистов), плюс это еще один хороший вариант убить время за компьютером.</p> <p>&#160; &#160; VBS — язык программирования для создания скриптов в ОС Windows, создается/редактируется в Блокноте Windows, имеет разрешение «.vbs». Думаю, продолжать не имеет смысла, ибо это мало о чем скажет, особенно новичкам. Интересующимся — статья в Википедии .<br />&#160; &#160; BAT — пакетный файл, в народе просто «батник». Расширение файла «.bat». Дальше аналогично — статья в Википедии .</p> <p>Данных расширений (vbs, bat) файлы создаются во всеми известном Блокноте Windows (Notepad). Для большего удобства создания скриптов рекомендуется использовать усовершенствованный (скажем так) блокнот — Notepad++. Он удобен подсветкой синтаксиса большого количества языков программирования, если вам это мало о чем говорит, то скачайте и пишите в нем — ошибок сделаете меньше в коде, ну или будет их проще найти, чем в том же мало функциональном Блокноте Windows.</p> mybb@mybb.ru (sasha) Thu, 05 Dec 2024 17:31:00 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1775#p1775 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1774#p1774 <p>Виды веб-разработчиков: фронтенд, бэкенд и фуллстек:<br />Фронтенд-разработчик (frontend-программист) отвечает за создание пользовательского интерфейса и визуальной части сайта. Он использует языки программирования, такие как HTML, CSS и JavaScript, для создания откликающихся и функциональных веб-страниц.<br />Бэкенд-разработчик (backend-программист) занимается разработкой серверной части веб-приложений и обеспечивает связь между клиентской частью и базой данных. Он работает с серверными языками программирования, такими как PHP, Python, Ruby или Java, и базами данных, такими как MySQL, PostgreSQL или MongoDB.<br />Фуллстек-разработчик (fullstack-программист) обладает навыками и знаниями, которые позволяют ему работать как с фронтендом, так и с бэкендом. Это позволяет ему создавать полностью функциональные веб-приложения, управляя всем процессом разработки от начала до конца.</p> mybb@mybb.ru (Sandra) Thu, 05 Dec 2024 17:26:17 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1774#p1774 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1773#p1773 <p>Рассмотрим популярный быстрый способ создания горизонтального резинового меню. Здесь не понадобятся фиксированные или процентные размеры пунктов, меню будет тянуться во всю ширину контейнера, в котором оно находится.</p> <p>В качестве структуры для меню используем обычный список ul с элементами li. Кроме того, вместо ul и li можно использовать обычные блоки div, результат будет такой же.</p> <p>HTML</p> <p>&lt;div class=&quot;menu-wrapper&quot;&gt;</p> <p>&#160; &#160; &lt;ul class=&quot;menu&quot;&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Main&lt;/a&gt; &lt;/li&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;About company&lt;/a&gt; &lt;/li&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Development&lt;/a&gt; &lt;/li&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Products&lt;/a&gt; &lt;/li&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Store&lt;/a&gt;&#160; &lt;/li&gt;</p> <p>&#160; &#160; &#160; &#160; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Contacts&lt;/a&gt; &lt;/li&gt;</p> <p>&#160; &#160; &lt;/ul&gt;</p> <p>&lt;/div&gt;</p> <p>Для того, чтобы меню тянулось на всю ширину страницы, пишем для ul правила display: table; width: 100%, обнуляем все отступы margin и padding. Для пунктов li указываем display: table-cell, а также float: none (в случае если для элементов уже прописано правило float: left, которое не позволит растянуть меню на всю ширину родительского контейнера). Ссылки внутри li объявляются блоками для удобства их дальнейшего «раскрашивания»: ссылка растянется на всю ширину элемента li. Дописываем различные правила для текста, фона и необходимые отступы. Важное замечание: данный способ не будет работать в IE7 и ниже.</p> <p>CSS</p> <p>.menu {</p> <p>&#160; &#160; display: table;</p> <p>&#160; &#160; width: 100%;</p> <p>&#160; &#160; margin: 0;</p> <p>&#160; &#160; padding: 0;</p> <p>}</p> <p>.menu li {</p> <p>&#160; &#160; display: table-cell;</p> <p>&#160; &#160; float: none;</p> <p>}</p> <p>.menu li a {</p> <p>&#160; &#160; display: block;</p> <p>&#160; &#160; padding: 8px 15px;</p> <p>&#160; &#160; background: #2767A0;</p> <p>&#160; &#160; font-family: Tahoma;</p> <p>&#160; &#160; font-size: 12px;</p> <p>&#160; &#160; color: #fff;</p> <p>&#160; &#160; text-decoration: none;</p> <p>&#160; &#160; text-align: center;</p> <p>&#160; &#160; text-transform: uppercase;</p> <p>}</p> <p>.menu li a:hover {</p> <p>&#160; &#160; background: #528CBF;</p> <p>&#160; &#160; transition: all 0.3s ease;</p> <p>&#160; &#160; -webkit-transition: all 0.3s ease;</p> <p>&#160; &#160; -moz-transition: all 0.3s ease;</p> <p>&#160; &#160; -o-transition: all 0.3s ease;</p> <p>} </p> <p> Резиновое меню на css<br /><br /> </p> <p>Прием, который позволяет сделать меню резиновым (в него можно будет добавлять новые пункты и размер не увеличиться, а всегда будет 100% родительского блока). </p> <p>&#160; &#160; блок обертка для меню<br />&#160; &#160; само меню, выведенное через маркированный список (тег ul)<br />&#160; &#160; ну и пункты меню внутри, а в них, соответственно, уже ссылки</p> <p> Код разметки:</p> <p>&lt;div class = &quot;wrap&quot;&gt;<br />&lt;ul class = &quot;r-menu&quot;&gt;<br />&lt;li&gt;&lt;a href = &quot;#&quot;&gt;Пункт 1&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href = &quot;#&quot;&gt;Пункт 2&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href = &quot;#&quot;&gt;Пункт 3&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href = &quot;#&quot;&gt;Пункт 4&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href = &quot;#&quot;&gt;Пункт 5&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;<br /></p> <p>Теперь будем приводить все в нужный вид при помощи CSS.<br />Базовые стили</p> <p>Создаем и подключаем таблицу стилей к html документу. Первым делом я сброшу отступы у всех элементов.</p> <p>*{&#160; &#160; &#160; margin: 0;&#160; &#160; &#160; padding: 0;}</p> <p>Это стандартный код, для верстки реальных сайтов рекомендую использовать более серьезное решение — файлы типа reset.css. </p> <p>Далее добавим стили блоку-обертке. А именно, установим максимальную ширину в 600 пикселей (просто чтобы удобно было делать скриншот, чтобы меню влезало), а также отцентрируемблок.</p> <p>.wrap{&#160; &#160; &#160; background: #fff;&#160; &#160; &#160; max-width: 600px;&#160; &#160; &#160; margin: 0 auto;}<br />Реализуем резиновость</p> <p>Теперь беремся за само меню. У него (у тега ul) уберем маркеры, сделаеь фоновый линейный градиент, и, самое главное, свойством display: table-row заставим контейнер для меню вести себя как табличный ряд. Это важно сделать для дальнейших манипуляций.</p> <p>.r-menu{</p> <p>&#160; &#160; &#160; background: linear-gradient(to right, #b0d4e3 0%,#88bacf 100%);</p> <p>&#160; &#160; &#160; display: table-row;</p> <p>&#160; &#160; &#160; list-style: none;</p> <p>}</p> <p>Как видите, приведенный код как раз решил все, о чем&#160; писалось. Кстати, градиенты удобно генерировать с помощью инструмента Ultimate CSS Gradient generator. </p> <p>Далее нужно задать стили для пунктов меню. Вот:</p> <p>.r-menu li{</p> <p>&#160; &#160; &#160; vertical-align: bottom;</p> <p>&#160; &#160; &#160; display: table-cell;</p> <p>&#160; &#160; &#160; width: auto;</p> <p>&#160; &#160; &#160; text-align: center;</p> <p>&#160; &#160; &#160; height: 50px;</p> <p>&#160; &#160; &#160; border-right: 1px solid #222;</p> <p>}</p> <p>Пояснение:</p> <p>&#160; &#160; vertical-align: bottom — это свойство необходимо для того, чтобы в случае, если текст в пункте меню займет 2 строки, он отображался ровно. Когда мы сделаем меню, можете удалить это свойство, увеличить масштаб чтобы пункты сжались и текст перенесся на две строки и увидите проблему с отображением. Верните свойство и все будет нормально.<br />&#160; &#160; display: table-cell — поскольку мы задали самому меню отображения табличным рядом, логично будет задать его пунктам отображение как ячейки в таблице. Это обязательно.<br />&#160; &#160; width: auto — ширина будет вычисляться автоматически, в зависимости от длины текста в пункте<br />&#160; &#160; text-align: center — это просто для выравнивания текста внутри по центру<br />&#160; &#160; height: 50px — задаем высоту в 50 пикселей<br />&#160; &#160; ну и border-right это просто граница справа, такой разделитель для пунктов</p> <p>Пока меню выглядит неказисто, но ничего, настало время довести его до ума.</p> <p>Последнее, что нужно сделать — задать стили ссылкам внутри пунктов. Тут такой код:</p> <p>.r-menu li a{</p> <p>&#160; &#160; &#160; text-decoration: none;</p> <p>&#160; &#160; &#160; width: 1000px;</p> <p>&#160; &#160; &#160; height: 50px;</p> <p>&#160; &#160; &#160; vertical-align: middle;</p> <p>&#160; &#160; &#160; display: table-cell;</p> <p>&#160; &#160; &#160; color: #fff;</p> <p>&#160; &#160; &#160; font: normal 14px verdana;</p> <p>}</p> <p> пояснение некоторых строк:</p> <p>&#160; &#160; свойство text-decoration отменяет подчеркивание у ссылок, которое ставится по умолчанию<br />&#160; &#160; width: 1000px — пожалуй, самая важная строка. Нужно задать ссылкам примерно такую ширину, можно и меньше, но обязательно больше максимально широкого пункта меню. Ссылки не станут в ширину 1000 пикселей, поскольку ширину ограничит пункт меню li, у которого ширина задана как auto, зато это позволит сделать так, чтобы при любом количестве пунктов в меню оно всегда было на 100 процентов ширины.<br />&#160; &#160; vertical-align: middle и display: table-cell — первое выровняет текст по вертикали по центру, а второе также делает отображение ссылок в виде ячеек. Оба свойства нужны.<br />&#160; &#160; font— ну это просто набор установок для шрифта.</p> <p>Добавление интерактивности</p> <p>Например, чтобы при наведении изменялся цвет пункта меню. Реализуется это совсем просто, с помощью :</p> <p>.r-menu li:hover{&#160; &#160; &#160; background-color: #6bba70;}<br />Тестируем меню на резиновость</p> <p>Отлично, меню готовы, но мы не проверили самое главное — насколько оно резиновое. Добавлим в меню еще 2 пункта:</p> <p>Меню осталось в ширину на 600 пикселей. Остальные пункты просто немного ужались, чтобы поместились 2 новых.</p> <p>Добавим еще 1 длинный пункт:</p> <p>Как видите, меню еще немного ужалось и длинный пункт отобразился вполне себе нормально. А если бы не было свойства vertical-align: bottom, о котором&#160; говорилось, то меню выглядело бы хуже.</p> <p>Уменьшим меню до трех пунктов.</p> <p>Пунктам стало гораздо свободнее, но само меню не поменялось в ширине. Вот мы и сделали 100% резиновое меню!<br />Как его адаптировать?</p> <p>В принципе, если вы задали блоку-обертке не фиксированную, а максимальную ширину, то его даже не нужно адаптировать. В моем случае у меня стоит свойство max-width: 600px и когда ширина станет меньше 600 пикселей, блок просто будет уменьшаться вслед за экраном, не образуя горизонтальной прокрутки.</p> mybb@mybb.ru (samadmin) Thu, 28 Dec 2023 17:45:45 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1773#p1773 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1772#p1772 <p>Какими инструментами и сервисами должен владеть сеошник</p> <p>SEO-специалисту нужно уметь работать не только с сервисами для поискового продвижения и анализа, но и с другими инструментами, считает Group Head SEO агентства impulse.guru Александр Сергеев.</p> <p>На рынке много сервисов для продвижения и анализа. Вот несколько из них: «Топвизор», Arsenkin, Megaindex, Content Watch, Screaming Frog, JustMagic. С их помощью можно, например, проверять позиции сайта, собирать и кластеризовать ключевые слова, анализировать конкурентов и делать много что ещё. SEO-специалист должен уметь работать с ними, иначе рутина отнимет у него большую часть времени — всё придётся делать «руками».</p> <p>Кроме того, SEO-специалисту важно уметь пользоваться:</p> <p>&#160; &#160; сервисами веб-аналитики «Яндекс Метрика» и Google Analytics — чтобы отслеживать, откуда на сайт приходит трафик, как ведут себя пользователи, какие показатели у разных страниц;<br />&#160; &#160; сервисами для вебмастеров «Яндекс Вебмастер» и Google Search Console — чтобы оценивать индексацию в поисковых системах, контролировать работу сайта и то, как он представлен в поиске;<br />&#160; &#160; CMS, чтобы управлять сайтом и, например, прописывать метатеги и править статьи. Желательно, чтобы сеошник умел работать в популярных CMS — например, WordPress, Bitrix и Joomla;<br />&#160; &#160; пакетом MS Office, потому что он нужен для работы — например, в Word составляют ТЗ для копирайтеров и других специалистов, в Excel работают с семантикой и составляют отчёты.</p> <p>Есть и другие сервисы, которые могут быть полезны в работе с SEO. Часто сеошники не осваивают все, а выбирают несколько «под себя» и используют их.<br />Какие зарплаты и перспективы есть в профессии</p> <p>Зарплата SEO-специалиста в штате зависит от его квалификации. В диджитале три уровня квалификации: junior, middle и senior.</p> <p>Junior — новичок, часто без опыта работы. В Москве его медианная зарплата — 80 459 рублей до вычета налогов: это данные исследования RealHR. На руки новичок получает около 70 тысяч рублей.</p> <p>Новичок может рассчитывать на зарплату от 50 тысяч рублей. Всё зависит от региона, навыков специалиста и других параметров.</p> mybb@mybb.ru (Sandra) Mon, 18 Dec 2023 13:22:36 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1772#p1772 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1770#p1770 <p>Кто такой web-разработчик?</p> <p>Веб-разработка – одно из популярных направлений в программировании. Профессия творческая и многоплановая. Название говорит само за себя. Разработчики создают сайты интернет-магазинов, развлекательные порталы, банковские приложения, социальные сети и многое другое.</p> <p>Они не только разрабатывают приложения, но и занимаются их тестированием. Процесс очень трудоемкий, включает в себя две составляющих – frontend и backend (визуальная и серверная разработка). Очень часто разработчики специализируются на одном направлении, но есть и те, кто совмещает оба. Они называются Fullstack-разработчики.</p> <p>А теперь немного подробнее о каждом направлении:</p> <p>&#160; &#160; frontend-разработчик – отвечает за внешнее, визуальное оформление приложения, то есть создает его интерфейс; его задача сделать взаимодействие пользователей с сайтом максимально удобным и комфортным, внешнее оформление должно&#160; полностью соответствовать разработанному дизайну;<br />&#160; &#160; backend-разработчик – отвечает за внутренности приложения, серверную часть; он работает с кодом, создает алгоритмы программирования; его работа нам, как пользователям, не видна, но от него зависит, насколько быстро и функционально выполняется ваш запрос на сайте;<br />&#160; &#160; fullstack-разработчик – универсал, который делает все, и внешнее оформление, и серверное; он в одиночку может полностью создать сайт или приложение.</p> <p>Со временем специалист, который работает в одном направлении, может поменять специализацию или стать универсалом. Но из backend легче перейти на fullstack, чем с frontend.<br />Функционал специалиста</p> <p>Независимо от того, какое направление выбирает программист в области веб-разработки, его рабочий процесс в динамике состоит из следующих функций:</p> <p>&#160; &#160; знакомство с заказом от подрядчика и постановка цели;<br />&#160; &#160; обсуждение проекта с другими специалистами (дизайнер, маркетолог);<br />&#160; &#160; непосредственно разработка приложения (серверная и внешняя);<br />&#160; &#160; тестирование приложения;<br />&#160; &#160; доработка, если при проверке были выявлены недочеты и ошибки;<br />&#160; &#160; составление технической документации;<br />&#160; &#160; запуск проекта и его презентация;<br />&#160; &#160; техническое сопровождение и постоянное обновление приложения.</p> <p>В работе веб-разработчика все процессы важны. Но именно начальный подготовительный этап является залогом успеха всего проекта. Разработчик собирает и анализирует информацию, связанную с тематикой проекта, определяет потенциальных пользователей сайта, обсуждает с заказчиком его пожелания. Вся информация аккумулируется и превращается в техническое задание для разработки будущего веб-проекта.</p> <p>А затем уже начинается непосредственно создание веб-ресурса, тестирование и сдача готового проекта заказчику. По договоренности с заказчиком разработчик может продолжать осуществлять программную поддержку уже запущенного приложения, делать доработки в соответствии с новыми требованиями, решать технические проблемы.<br />Необходимые знания и навыки для веб-разработчика</p> <p>Для того чтобы работать web-разработчиком, необходимо обладать определенными знаниями и навыками. Все требования, которые заказчики и работодатели предъявляют разработчикам, можно увидеть в описании вакансии. Конечно, все зависит от специализации и личного видения заказчика, но в любом случае есть&#160; общие критерии, по которым оценивается специалист:</p> <p>&#160; &#160; знать и уметь писать на нескольких языках программирования – Python, Java, PHP, JavaScript, C#;<br />&#160; &#160; разбираться во фреймворке (Bootstrap, Django, Yii или Foundation);<br />&#160; &#160; работать с базами данных;<br />&#160; &#160; знать HTML, jQuery, CSS;<br />&#160; &#160; владеть техническим английским;<br />&#160; &#160; уметь верстать сайты;<br />&#160; &#160; настраивать сервер;<br />&#160; &#160; уметь работать с системой настройки версий Git.</p> <p>Это неполный список требований, которые предъявляют к разработчику, его можно еще продолжать, но&#160; лучше ориентироваться на то, что указывает работодатель в конкретной вакансии. Чем больше знает разработчик, тем больше шансов получить выгодный заказ.</p> <p>Кроме знаний и навыков, разработчик должен одновременно обладать аналитическим складом ума и иметь творческую жилку, быть усидчивым, терпеливым и целеустремленным.<br />Уровень дохода</p> <p>Зарплата веб-разработчика, как и во многих других интернет-профессиях, зависит от уровня профессиональной подготовки, сложности проекта, объема и срочности работы,&#160; опыта и желания работать. Веб-разработчик уровня junior получает от 80 000 рублей. Чем выше статус, тем больше доход – у middle-специалиста от 120 тысяч рублей, а у продвинутого веб-разработчика с опытом от 3 лет он может быть более 200 тысяч рублей.</p> <p>Нужно отметить, что специфика профессии в том, что на фрилансе разработчик получает больший доход, чем когда работает в штате компании. Он сам выбирает проект, который будет вести, и определяет свой гонорар. А также может вести несколько проектов одновременно.</p> <p>Штатный сотрудник более ограничен в доходе – у него оклад и процент премии. Он может работать в веб-студии, IT-компании или в крупной корпорации. Если есть время, он может брать дополнительную работу, помимо основной. А при наличии организаторских способностей может в перспективе стать руководителем отдела и даже попробовать организовать свою фирму.<br />Где найти работу web-разработчика?</p> <p>Современные реалии диктуют свои условия, и все больше и больше бизнес переходит в интернет. Открывается множество интернет-магазинов, создаются различные сервисные приложения. И каждый предприниматель борется за своего клиента. А для этого очень нужны грамотные разработчики, которые помогут&#160; успешно освоить&#160; интернет-пространство и завоевать нишу&#160; для своего бизнеса.</p> <p>Найти работу опытному специалисту-разработчику не составит труда. Сделать это можно как на общеизвестных сервисах по подбору персонала – HH.ru и Работа.ru, так и на различных биржах фриланса – Kwork, Weblancer и других.</p> <p>Также можно найти работу через профессиональные интернет-сообщества программистов или в соцсетях, опубликовав специальный пост со своими услугами. Вариантов множество. Главное, залогом успеха будет грамотно составленное портфолио с подробным описанием успешных проектов.</p> mybb@mybb.ru (Sandra) Mon, 18 Dec 2023 13:17:10 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1770#p1770 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1768#p1768 <p>В прошлом письме я объяснил, что при выборе направления в IT, ориентируйтесь на свои интересы и способности.</p> <p>Именно интерес и способности дадут Вам силу, энергию и мотивацию, чтобы развиваться в этой области. И тогда очень легко будет попасть в 10% лучших специалистов, а при должном таланте и вовсе в 1%.</p> <p>Напоминаю, что по статистике 10% лучших специалистов зарабатывают в 10 раз больше, чем в среднем их коллеги. А 1% лучших специалистов вообще в 100 раз больше своих коллег.</p> <p>Но как понять, что нравится и что получается? Очень просто – попробуйте поизучать всё, что в теории может понравиться.</p> <p>Для этого существует 2 отличных варианта: книга для начинающих или видеокурс для начинающих. Традиционно, книги воспринимаются сложнее. Поэтому выбрав неправильную книгу, Вы можете ошибочно решить, что это Вам неинтересно или у Вас это не получается.<br />Поэтому оптимальный вариант – это посмотреть видеокурс. При этом онлайн-школы здесь не подходят, так как они умышленно размазывают материал курса на год, а то и больше. Иначе невозможно будет объяснить цену в сотни тысяч рублей. Столько времени у нас нет, да и денег столько тратить на обычную пробу – глупо.<br />Найдите недорогой видеокурс по потенциально интересной теме и пройдите его за пару недель. Затем перейти к следующему курсу уже по новой теме, потом к следующему и так далее.</p> <p>И через полгода-год у Вас будет большой набор фундаментальных знаний по самым разным направлениям. И как раз эти знания помогут Вам сделать осознанный выбор.</p> mybb@mybb.ru (samadmin) Wed, 13 Dec 2023 08:53:21 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1768#p1768 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1766#p1766 <p>Итак, Spring — это фреймворк для Java, на котором пишут веб-приложения и микросервисы. А Spring Boot — это расширение, которое упрощает и ускоряет работу со Spring. Оно представляет собой набор утилит, автоматизирующих настройки фреймворка.</p> <p>Spring Boot разработан для ускорения создания веб-приложений. Он отличается от своего «родителя» тем, что не требует сложной настройки и имеет ряд встроенных инструментов, упрощающих написание кода.<br />В отличие от базового фреймворка, он умеет:</p> <p>&#160; &#160; упаковывать зависимости в стандартные starter-пакеты;<br />&#160; &#160; автоматически конфигурировать приложения с помощью jar-зависимостей;<br />&#160; &#160; использовать JavaConfig, что позволяет отказаться от использования XML;<br />&#160; &#160; не зависеть от множественного импорта Maven и конфликтов версий, связанных с этим;<br />&#160; &#160; обеспечивать мощную пакетную обработку и управлять конечными точками RES;<br />&#160; &#160; упрощать интеграцию с другими Java-фреймворками, такими как JPA / Hibernate ORM, Struts и так далее;<br />&#160; &#160; локально запускать встроенные HTTP-серверы, такие как Tomcat и Jetty, упрощая разработку и тестирование веб-приложений.</p> <p>Всё это и привело к широкому распространению Spring Boot, сделав его основным инструментом для разработки веб-приложений при работе с фреймворком Spring.<br />Быстрый старт</p> <p>Знакомство с библиотекой можно начать с официальной документации. В ней собраны краткие описания основных аннотаций, классов и методов, а также разобраны практические примеры их использования. После этого лучше перейти на «продвинутую» документацию с разбором методов работы с JSON, логированием, тестированием и другими деталями.</p> <p>Для отработки знаний на практике у Spring Boot есть большой гайд с разработкой отдельных приложений и их частей. И конечно, не стоит забывать официальную документацию самого фреймворка Spring. В ней подробно разобрана работа не только с Boot, но и с другими модулями.<br />Преимущества Spring Boot в работе</p> <p>Spring Boot «из коробки» имеет несколько инструментов, ускоряющих работу программиста.<br />Spring Boot Starters с предварительно настроенными зависимостями</p> <p>Одна из особенностей Spring Boot — Spring Boot Starters. Это предварительно настроенные зависимости, облегчающие работу с проектом. В зависимости от задач к приложению можно подключить один или несколько starter-пакетов.</p> <p>Например, в Spring Boot Starter Web есть инструменты для разработки веб-приложений (Tomcat, Jackson) и для обработки JSON. А Spring Boot Starter Test содержит классы и зависимости для тестирования, такие как Mockito и Spring Boot Test.</p> <p>Подробное описание Spring Boot Starters с примерами работы можно найти в документации.<br />Встроенные веб-серверы</p> <p>Разработчик, пишущий код на Spring Boot, может запускать встроенные веб-серверы: Tomcat, Jetty и Undertow, не тратя время на настройку сторонних серверов. Если же ему по какой-то причине необходимо использовать свой сервер, то для этого достаточно исключить зависимости по умолчанию и выбрать подходящий starter-пакет.<br />Готовые функции</p> <p>Как и родительский фреймворк, Spring Boot позволяет работать со встроенными модулями, которые легко интегрируются в приложения, добавляя функциональность и ускоряя разработку. Например:</p> <p>&#160; &#160; Spring Data — позволяет работать с различными базами данных;<br />&#160; &#160; Spring Boot Actuator — функция для мониторинга и управления созданным приложением.</p> <p>Все встроенные функции подробно описаны в документации и указаны в левом столбце меню.<br />Запускаем Spring Boot</p> <p>Для того чтобы приступить к работе со Spring Boot, нам необходимо создать новый проект и подготовить IDE к работе.<br />Шаг 1. Создаём новый проект на Spring Boot</p> <p>Самый простой способ подготовить фреймворк для работы — воспользоваться сайтом start.spring.io. Это конструктор, который позволяет легко задать конфигурацию проекта на Spring Boot.</p> <p>Откроем сайт:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/652759.png" alt="https://upforme.ru/uploads/0017/46/97/2/652759.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>В левой части экрана указаны различные варианты настройки, включая параметры проекта. Так как мы тестируем возможность запуска Spring Boot, то можем ничего не менять. Обратите внимание, что сайт автоматически предлагает использовать наиболее актуальную версию Spring Boot. На 5 июля это 3.1.1.</p> <p>В правой части указаны зависимости, которые мы можем использовать в своём проекте. Для работы с веб-приложением требуется нажать на кнопку ADD DEPENDENCIES и добавить пункт Spring Web:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/313109.png" alt="https://upforme.ru/uploads/0017/46/97/2/313109.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Теперь на экране будет видна добавленная зависимость:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/545479.png" alt="https://upforme.ru/uploads/0017/46/97/2/545479.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Нажимаем кнопку Generate и скачиваем архив — это шаблон нашего проекта. Он скоро пригодится.</p> <p>Пока разархивируем его и зайдём в директорию. В ней содержится нескольких файлов:</p> <p>&#160; &#160; файл mnvw, который позволяет запустить проект Maven без его установки;<br />&#160; &#160; файл pom.xml, содержащий описания всех зависимостей приложения;<br />&#160; &#160; каталог java — основной каталог пакетов и классов;<br />&#160; &#160; каталог resources, хранящий ресурсы: шаблоны, файлы настроек, локализации и так далее;<br />&#160; &#160; application.properties — файл с настройками проекта, размещённый в подпапках шаблона.</p> <p>Вся последующая работа будет проходить именно в этой директории.<br />Шаг 2. Запускаем IDE</p> <p>Для работы со Spring Boot подойдёт любой из популярных редакторов кода, например IntelliJ IDEA или Visual Studio Code.</p> <p>Мы будем использовать Visual Studio Code. Запустите редактор и создайте новый проект. После этого перейдите в раздел Extensions и в поиске найдите Spring Boot Extension Pack:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/498308.png" alt="https://upforme.ru/uploads/0017/46/97/2/498308.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Установите его. Теперь в VSC можно будет работать со Spring Boot и создавать веб-приложения.</p> <p>Теперь в скачанном архиве в директории src/main/java/com/example/demo откройте файл DemoApplication.java:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/304792.png" alt="https://upforme.ru/uploads/0017/46/97/2/304792.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>В этом файле будем писать весь код. По умолчанию он используется в качестве стартовой страницы при запуске сервиса. В нём можем писать код на Java, вставлять элементы из HTML и CSS для оформления страницы.</p> <p>Мы подготовили наш редактор кода к работе со Spring Boot и создали шаблон проекта. Теперь приступим к созданию веб-приложения.<br />Создаём первое веб-приложение<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/897525.png" alt="https://upforme.ru/uploads/0017/46/97/2/897525.png" /></p> <p>Начнём с классического приложения приветствия. Напишем код, который будет создавать веб-страницу с надписью «Привет, читатели Skillbox Media». Для этого заменим код в VSC на новый:</p> <p>package com.example.demo;</p> <p>import org.springframework.boot.SpringApplication;<br />import org.springframework.boot.autoconfigure.SpringBootApplication;<br />import org.springframework.web.bind.annotation.GetMapping;<br />import org.springframework.web.bind.annotation.RequestParam;<br />import org.springframework.web.bind.annotation.RestController;</p> <p>@SpringBootApplication<br />@RestController<br />public class DemoApplication {<br />&#160; &#160; public static void main(String[] args) {<br />&#160; &#160; SpringApplication.run(DemoApplication.class, args);<br />}<br />&#160; &#160; @GetMapping(&quot;/hello&quot;)<br />&#160; &#160; public String hello(@RequestParam(value = &quot;name&quot;, defaultValue = &quot;читатель Skillbox Media&quot;) String name) {<br />&#160; &#160; return String.format(&quot;Hello, %s!&quot;, name);<br />&#160; &#160; }<br />&#160; &#160;}</p> <p>В начале кода мы импортируем несколько классов и аннотаций, облегчающих работу:</p> <p>&#160; &#160; org.springframework.boot.SpringApplication — класс, который часто используется для загрузки и запуска приложений Spring;<br />&#160; &#160; org.springframework.boot.autoconfigure.SpringBootApplication — обозначает класс конфигурации, который объявляет один или несколько методов @Bean, а также запускает автоконфигурацию и сканирование компонентов в коде;<br />&#160; &#160; org.springframework.web.bind.annotation.GetMapping — аннотация для отображения результатов HTTP-запрос методом GET на определённые методы, функция которых — обрабатывать события;<br />&#160; &#160; org.springframework.web.bind.annotation.RequestParam — аннотация, указывающая, что параметр метода должен быть связан с параметром веб-запроса;<br />&#160; &#160; org.springframework.web.bind.annotation.RestController — удобная аннотация, которая сама аннотирована @Controller и @ResponseBody.</p> <p>Аннотация @RestController сообщает Spring, что этот код описывает конечную точку, которая должна быть доступна через веб-интерфейс. Аннотация @GetMapping (&quot;/hello&quot;) указывает Spring, что надо использовать указанный ниже метод hello() для ответа на запросы, отправленные на адрес http://localhost:8080/hello.</p> <p>@RequestParam указывает Spring, что в запросе должно быть значение name, а если его там нет, то нужно использовать по умолчанию строку читатель Skillbox Media.</p> <p>Метод hello(), который мы добавили, принимает параметр name с типом String, а затем объединяет этот параметр со словом Hello в коде. Это означает, что если вы зададите в запросе имя Иван, то ответом будет Hello, Иван. Имя можно прописать вручную в параметре defaultValue.</p> <p>Для запуска кода нажмём кнопку Run в нашей IDE. В Visual Studio Code это кнопка Run and Debug:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/574820.png" alt="https://upforme.ru/uploads/0017/46/97/2/574820.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>В терминале IDE появится информация о запуске Spring Boot:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/905476.png" alt="https://upforme.ru/uploads/0017/46/97/2/905476.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Если код написан неправильно, то вместо этого окна вы увидите информацию об ошибках. Но у нас всё хорошо. Не завершая работу кода в IDE, откроем браузер и перейдём по адресу http://localhost:8080/hello.</p> <p>На экране наша надпись:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/87146.png" alt="https://upforme.ru/uploads/0017/46/97/2/87146.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Усложним задачу — попробуем вывести имя читателя вместо обезличенного обращения. Для этого откроем страницу с именем, переданным в качестве параметра name:</p> <p>http://localhost:8080/hello?name=Anton</p> <p>Результат:<br /><img class="postimg" loading="lazy" src="https://upforme.ru/uploads/0017/46/97/2/114548.png" alt="https://upforme.ru/uploads/0017/46/97/2/114548.png" /></p> <p>Скриншот: Spring Boot / Skillbox Media</p> <p>Всё получилось. Мы видим не общее обращение к читателям, а имя человека.<br />Что дальше?</p> <p>Читаем официальную документацию и гайд с практическими примерами. После этого можно приступать к книгам:</p> <p>&#160; &#160; «Spring Boot по-быстрому» Майкла Хеклера;<br />&#160; &#160; «Spring Boot в действии» Крейга Уоллса;<br />&#160; &#160; «Learning Spring Boot 3.0» Грега Тернквиста.</p> mybb@mybb.ru (samadmin) Mon, 11 Dec 2023 15:28:21 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1766#p1766 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1765#p1765 <p>Преимущества Python</p> <p>&#160; &#160; Скорость выполнения программ написанных на Python очень высока. Это связанно с тем, что основные библиотеки Python<br />&#160; &#160; написаны на C++ и выполнение задач занимает меньше времени, чем на других языках высокого уровня.<br />&#160; &#160; В связи с этим вы можете писать свои собственные модули для Python на C или C++<br />&#160; &#160; В стандартныx библиотеках Python вы можете найти средства для работы с электронной почтой, протоколами<br />&#160; &#160; Интернета, FTP, HTTP, базами данных, и пр.<br />&#160; &#160; Скрипты, написанные при помощи Python выполняются на большинстве современных ОС. Такая переносимость обеспечивает Python применение в самых различных областях.<br />&#160; &#160; Python подходит для любых решений в области программирования, будь то офисные программы, вэб-приложения, GUI-приложения и т.д.<br />&#160; &#160; Над разработкой Python трудились тысячи энтузиастов со всего мира. Поддержкой современных технологий в стандартных библиотеках мы можем быть обязаны именно тому, что Python был открыт для всех желающих.</p> mybb@mybb.ru (samadmin) Mon, 11 Dec 2023 15:01:18 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1765#p1765 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1763#p1763 <p>Двойной виски пожалуйста.<br />— Девочка!<br />Это же школьная столовая!<br />Ой извините я задумалась, компот пожалуйста.</p> <p>Если женщина носит обручальное кольцо.<br />— Значит она замужем.<br />Если женщина носит обычное кольцо.<br />— Это ничего не значит.<br />Если женщина носит и обручальное и обычное кольца.<br />— Она замужем, но это ничего не значит.</p> <p>Дорогая, а что это у нас на ужин?<br />— Суп.<br />Так это не суп, а какая-то вода.<br />— Не какая-то, а кипячёная!</p> <p>У вас есть воды?<br />— Не воды, а вода.<br />Тогда дайте мне вода!<br />— Не вода, а воды.<br />Да я вижу у вас и не попьешь!</p> <p>Едем в отпуск!<br />— Куда, если не секрет?<br />Едем туда, где всё включено<br />— К родителям?</p> <p>Мой парень живёт далеко.<br />Мы провели выходные вместе, через несколько дней он звонит и жалуется:<br />— Сегодня совершенно не выспался,<br />Ворочался всю ночь, хорошо, когда ты рядом.<br />— Тепло, как с собакой.</p> <p>Сын спрашивает у папы:<br />— Папа, а ты ещё растёшь?<br />Ну нет, сыночек, я уже давно вырос.<br />— А почему тогда так много ешь?</p> <p>Hа мосту стоит человек и наблюдает за рыбаком.<br />Мимо проходит мальчик и спрашивает его:<br />— Дяденька, а вот тот рыбак поймал что нибудь?<br />Да какой он рыбак!<br />Вот уж четвертый час стою пока ни одной рыбки.<br />— А вы сами-то ловите?<br />Нет, у меня теpпения не хватает.</p> mybb@mybb.ru (samadmin) Sun, 27 Aug 2023 10:08:20 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1763#p1763 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1759#p1759 <p>В программной экосистеме JavaScript существует множество инструментов. В этой статье вам будут представлены наиболее удобные с точки зрения автора инструменты работы с JavaScript.<br />Инструменты сборки и автоматизации</p> <p>&#160; &#160; Webpack — представляет собой модульный упаковщик, который создаёт граф зависимостей со всеми модулями для приложения на JavaScript. Webpack упаковывает модули в один или несколько маленьких пакетов для загрузки браузером. Кроме того, Webpack может использоваться в качестве средства запуска задач, так как он анализирует зависимости между модулями и образовывает ресурсы (ассеты). Подробнее с использованием Webpack в своих проектах вы можете ознакомиться в нашей статье.<br />&#160; &#160; Grunt — таск раннер, предназначенный для автоматизации повторяющихся и трудоёмких задач, которые отнимают много времени. В его программной экосистеме существует огромное количество плагинов (более 6000).<br />&#160; &#160; Gulp — не очередной диспетчер запуска задач, а инструмент с интересным подходом: он определяет задачи в JavaScript как функции, также GUl автоматизирует «болезненные» задачи, предлагая обширную программную экосистему (более 2700 плагинов), также он обеспечивает лучшую прозрачность и контроль над процессом.<br />&#160; &#160; Browserify позволяет разработчикам программного обеспечения использовать модули стиля NodeJS в браузерах. Вы определяете зависимости, а Broweserify упаковывает всё это в аккуратный JS-файл.<br />&#160; &#160; Brunch.io — инструмент, основными идеями которого являются скорость и простота. Он поставляется с простой конфигурацией и подробной документацией для быстрого запуска. Brunch автоматически создаёт карту JS-файлов вместе с таблицами стилей CSS, что упрощает процесс отладки на стороне клиента.<br />&#160; &#160; Yeoman — универсальный инструмент, который может использоваться с почти любым языком программирования (JavaScript, Python, C#, Java и прочие). Эта базовая система кодогенерации с богатой программной экосистемой (более 6200 плагинов) служит для разработки веб-приложений. Благодаря Yeoman вы можете быстро создавать новые проекты, не забывая об обслуживании и улучшении уже существующих.</p> <p>IDE и редакторы кода</p> <p>&#160; &#160; WebStorm — мощная IDE для продвинутой разработки веб-приложений на JavaScript. Она предлагает поддержку различных фреймворков и языков разметки. WebStorm может быть легко интегрирован с дополнительными инструментами вроде тестеров, средств контроля качества кода, сборщиков и т. д. В IDE также встроены такие функции, как автоматическое завершение кода, немедленное обнаружение ошибок, навигация, встроенный терминал, богатый набор плагинов и многое другое.<br />&#160; &#160; Atom — бесплатный продукт от GitHub и выбор №1 для многих разработчиков. Он представляет собой легко настраиваемый редактор кода, который поставляется с некоторыми интересными функциями «прямо из коробки». В Atom имеется встроенный менеджер пакетов, интеллектуальное автоматическое завершение кода и прочие полезные функции. Также Atom является кроссплатформенным редактором кода.<br />&#160; &#160; Visual Studio Code — поддерживается компанией Microsoft и полностью поддерживает TypeScript «прямо из коробки». В Visual Studio Code есть интеллектуальное завершение кода и подсветка синтаксиса с помощью технологии автодополнения IntelliSense, также есть встроенный инструмент отладки, встроенная поддержка команд Git, контроль версий и многое другое. Более того, вы можете расширить функциональность редактора путём подключения широкого спектра расширений.<br />&#160; &#160; Brackets — это лёгкий редактор кода с открытым исходным кодом.&#160; В основном он ориентирован на визуальные инструменты и поддержку процессора для упрощения работы в браузере. Brackets поставляется с удобной функцией предварительного просмотра в реальном времени.</p> <p>Инструменты документирования кода</p> <p>Документирование кода превращает ваше приложение в «стеклянную коробку», показывая, как работает тот или иной фрагмент кода. Инструменты автоматического документирования кода описывают функции и их назначения, что позволяет экономить время на анализе и понимании кода в будущем.</p> <p>&#160; &#160; Swagger — это набор правил и инструментов для описания API. Инструмент представляет собой языконезависимую утилиту. Это значит, что Swagger создаёт чёткую документацию, которая читается одинаково хорошо как человеком, так и машиной, позволяя автоматизировать процессы зависящие от API.<br />&#160; &#160; JSDoc — набор инструментов, автоматически создающий многостраничную текстовую документацию (HTML, JSON, XML и т. д.)&#160; из комментариев из исходного кода на JavaScript. Это приложение может пригодиться для управления крупномасштабными проектами.<br />&#160; &#160; jGrouseDoc (jGD) — это гибкий инструмент с открытым исходным кодом, который позволяет разработчикам генерировать API из комментариев из исходного кода на JavaScript. jGD документирует не только переменные и функции, но и пространства имён, интерфейсы, пакеты и некоторые другие элементы.<br />&#160; &#160; YUIDoc — приложение, написанное на NodeJS. Оно использует синтаксис, подобный тому, который применяется в Javadoc и Doxygen. Также инструмент может похвастаться поддержкой предварительного просмотра в реальном времени, расширенной поддержкой языка и продвинутой разметку.<br />&#160; &#160; Docco — бесплатный инструмент для документации, написанный на «литературном» CoffeeScript. Он создаёт HTML-документ для отображения ваших комментариев, чередующихся с кодом. Следует отметить, что инструмент поддерживает не только JavaScript, но и другие языки. Например, Python, Ruby, Clojure и прочие.</p> <p>Инструменты тестирования</p> <p>Инструменты тестирования для JavaScript созданы для обнаружения ошибок на этапе разработки, чтобы избежать в будущем ошибок у пользователей. С ростом сложности пользовательских приложений автоматические тесты не только повышают производительность приложения, но и помогают компаниям сохранить бюджет.</p> <p>&#160; &#160; Jasmine — BDD-фреймворк (Behavior-driven Development — разработка на основе поведений) служит для тестирования JS-кода. У него нет внешних зависимостей, и он не требует запуска DOM. Jasmine имеет чистый и понятный синтаксис, что позволяет ускорять и упрощать тестирование. Также фреймворк может использоваться для тестирования кода Python и Ruby.<br />&#160; &#160; Mocha — это функциональная тестовая среда, работающая на Node.js в браузере. Она проводит тесты последовательно для обеспечения гибкой и точной отчётности, делая асинхронные тесты весёлыми и лёгкими. Mocha часто используется вместе с Chai для проверки результатов теста.<br />&#160; &#160; PhantomJS часто используется для интерфейсных тестов и юнит-тестов. Учитывая то, что это что-то вроде «безголового» WebKit, скрипты выполняются намного быстрее. Также он включает в себя встроенную поддержку различных веб-стандартов. Например, JSON, Canvas, обработку DOM, SVG и селекторы CSS.<br />&#160; &#160; Protractor — это сквозной тестовый фреймворк, написанный на Node.js для тестирования приложений на AngularJS и Angular. Он был создан на основе WebDriverJS и проверяет приложения подобно конечному пользователю, используя специальные драйвера и встроенные события.</p> <p>Инструменты отладки</p> <p>Отладка кода — довольно трудоёмкий и поглощающий время процесс для JavaScript-разработчиков. Инструменты для отладки кода будут особенно полезны при работе с тысячами строк кода. Многие из инструментов отладки обеспечивают довольно точные результаты.</p> <p>&#160; &#160; JavaScript Debugger — инструмент от сообщества разработчиков Mozilla (MDN), который может быть использован как автономное веб-приложение для отладки кода в разных браузерах. Firefox предлагает локальные и удалённые функциональные возможности, а также возможность отладки кода на Android-устройстве с помощью Firefox для Android.<br />&#160; &#160; Chrome Dev Tools — набор инструментов, включающий в себя несколько утилит для отладки кода JavaScript, редактирования CSS и тестирования производительности приложений.<br />&#160; &#160; ng-inspector — кроссбраузерное расширение, которое призвано помочь разработчикам с написанием, пониманием и отладкой приложений на AngularJS. Утилита поставляется с обновлениями в реальном времени, подсветкой DOM, прямым доступом к областям, моделям и прочим элементам приложения.<br />&#160; &#160; Augury — расширение для браузера Google Chrome и отладки приложений на Angular 2. Оно позволяет разработчикам приложений на Angular 2 напрямую анализировать структуру приложения и рабочие характеристики, а также позволяет обнаружить изменения.</p> <p>Инструменты безопасности</p> <p>&#160; &#160; Snyk — коммерческий инструмент для обнаружения, исправления и предотвращения известных уязвимостей в приложениях на JavaScript, Java и Ruby. Служба имеет собственную базу данных уязвимостей и берёт данные из NSP и NIST NVD. Патчи и обновления, которые предлагает компания, позволяют разработчикам предупредить риски, связанные с безопасностью.<br />&#160; &#160; Node Security Project предлагает полезные инструменты для сканирования зависимостей и обнаружения уязвимостей. NSP использует свою собственную базу данных, построенную на сканировании модулей npm, а также данные из общих баз данных, таких как NIST NVD (National Vulnerability Database). Кроме того, NSP обеспечивает интеграцию с программным обеспечением GitHub Pull Request и CI. Также имеется проверка в реальном времени, предупреждения и рекомендации по устранению уязвимостей в приложениях на Node.js.<br />&#160; &#160; RetireJS — это средство проверки зависимостей с открытым исходным кодом. Включает в себя различные компоненты, такие как сканер командной строки, плагин Grunt, расширения Firefox и Chrome, плагины Burp и OWASP ZAP. Retirejs собирает информацию об уязвимостях из NIST NVD и других источников, таких как системы отслеживания ошибок, блоги и списки рассылки.<br />&#160; &#160; Gemnasium — это коммерческий инструмент с бесплатной пробной версией. Он поддерживает различные технологии и пакеты, включая Ruby, PHP, Bower (JavaScript), Python и npm (JavaScript). Инструмент безопасности Gemnasium поставляется с полезными функциями, такими как автоматическое обновление, оповещения в реальном времени, уведомления о безопасности и интеграция с сервисом Slack.<br />&#160; &#160; OSSIndex поддерживает различные экосистемы (Java, JavaScript и .NET / C #) и множество платформ, таких как NuGet, npm, Bower, Chocolatey, Maven, Composer, Drupal и MSI. Он собирает информацию об уязвимостях из Национальной базы данных уязвимостей (NVD) и отзывов. Также он обрабатывает информацию от членов сообщества.</p> <p>Инструменты аналитики и оптимизации кода</p> <p>Для проверки качества кода обычно обращаются к функциональному тестированию и юнит-тестированию. Однако существует еще один подход, который позволяет разработчикам проверять качество кода и его соответствие стандартам кодирования, а именно статический анализ кода.</p> <p>В настоящее время в современном программном обеспечении объединяются инструменты анализа статического кода во время разработки, чтобы исключить попадание некачественного кода в продакшен.</p> <p>&#160; &#160; JSLint — это аналитический веб-инструмент для проверки качества кода JavaScript. Как только он обнаруживает проблему в источнике, он возвращает сообщение с описанием проблемы и приблизительным местоположением в коде. JSLint способен анализировать некоторые нормы стиля и раскрывать синтаксические ошибки и структурные проблемы.<br />&#160; &#160; JSHint — гибкий инструмент, развивающийся сообществом, для обнаружения ошибок и потенциальных проблем в вашем JS-коде, кроме того, JSHint — форк от JSLint. Основная цель этого инструмента статического анализа кода — помощь разработчикам JavaScript, работающим над сложными программами. Он способен обнаруживать ошибки синтаксиса, неявное преобразование типов данных или отсутствие переменной. Однако он не может определить скорость и правильность работы вашего приложения, как и не сможет определить проблемы с памятью в вашем приложении. JSHint — форк от JSLint.<br />&#160; &#160; ESLint — это линтер с открытым исходным кодом для веб-приложений JSX и JavaScript. Он помогает обнаруживать сомнительные шаблоны или находить код, который не соответствует конкретным стилям. Это позволяет разработчикам обнаруживать ошибки в JS-коде без его выполнения, тем самым экономя время. Будучи написанным на Node.js, инструмент предлагает оперативную среду выполнения и плавную установку через npm.<br />&#160; &#160; Flow — статический контролёр кода для JavaScript, разработанный компанией Facebook. Он использует аннотации статического типа для проверки кода на предмет ошибок. Типы — параметры, установленные разработчиками, а Flow проверяет ваше программное обеспечение на соответствие требованиям.</p> <p>Инструменты управления версиями</p> <p>&#160; &#160; В последние годы Git стала широко используемой системой контроля версий как для небольших, так и для крупных проектов. Эта бесплатная утилита обеспечивает отличную скорость работы и эффективность. Её популярность объясняется распределённой системой и различными типами элементов управления, а также промежуточной областью, где версии могут быть просмотрены и отформатированы непосредственно перед завершением фиксации.<br />&#160; &#160; Инструмент Subversion или SVN приобрёл огромную популярность, и он по-прежнему широко используется в проектах с открытым исходным кодом и такими платформами, как Python Apache или Ruby. Этот CVS поставляется со множеством функций, позволяющих управлять различными операциями (переименование, копирование, удаление и т. д.), слияниями, блокировкой файлов и многим другим.</p> <p>Инструменты управления пакетами и зависимостями</p> <p>&#160; &#160; Bower — разработка Twitter, которая помогает управлять ресурсами, фреймворками, библиотеками и другими утилитами. Она предлагает доступ к большому количеству пакетов, помогая разработчикам JavaScript оптимизировать процесс разработки и улучшить результаты.<br />&#160; &#160; Npm — диспетчер пакетов Node.js. Пакеты могут использоваться как для фронтенда, так и для бэкенда. Npm является системой управления пакетами для JavaScript и самым большим реестром программного обеспечения в мире.<br />&#160; &#160; Yarn — инструмент, который приобрёл популярность благодаря Google, Facebook, Tilde и Exponent. Основное внимание в нём уделено безопасности, скорости и быстродействию. Инструмент позволяет совместно использовать код через пакеты и модули вместе с файлом, описывающим пакет.<br />&#160; &#160; Duo вобрал в себя лучшее из Browserify, Component и Go, превратив разработку фронтенда в быстрый и простой процесс. Основная идея Duo заключается в упрощении написания модульных компонентов и создания масштабных веб-приложений быстро и безболезненно.</p> <p>Список лучших инструментов для разработки на JavaScript может продолжаться до бесконечности. В этой статье вы увидели лишь популярные и надёжные инструменты, которые служат основой для качественных продуктов.</p> <p>https://da-14.com/blog/ultimate-list-javascript-tools</p> mybb@mybb.ru (kurexpert) Thu, 14 Jul 2022 14:23:33 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1759#p1759 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1758#p1758 <p></p> <p></p> mybb@mybb.ru (samadmin) Wed, 25 May 2022 14:42:11 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1758#p1758 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1757#p1757 <p></p> mybb@mybb.ru (Olgariy82) Fri, 20 May 2022 17:20:25 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1757#p1757 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1756#p1756 <p></p> mybb@mybb.ru (Olgariy82) Fri, 20 May 2022 17:07:11 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1756#p1756 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1718#p1718 <p>Спойлер работает только с именем:</p> <p>HTML:</p> <p>[SPOILER]Тест[/SPOILER] - не работает!</p> <p>HTML:</p> <p>[spoiler=Имя_Спойлера]Тест[/SPOILER] - работает!</p> mybb@mybb.ru (Olgariy82) Sat, 05 Mar 2022 17:43:38 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1718#p1718 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1716#p1716 <p>Существует огромное количество способов создания форума. Это и онлайн-конструкторы, и профильные платформы, и CMS. Где-то вы получаете хостинг в придачу к движку, где-то его нужно покупать и настраивать отдельно. У каждого варианта свои плюсы и минусы. Отметим лишь, что платные движки, как правило, показывают себя лучше в долгосрочной перспективе. Чем больше форум, тем сложнее им управлять: модерация, безопасность, оптимизация производительности. Всё требует внимания, поэтому нужно сразу выбирать движок с запасом на будущее, если планируете вкладывать бюджет и развивать проект, насколько это возможно.</p> <p>Мы провели исследование рынка платформ для создания форумов и поделимся с вами впечатлениями, выделим десятку оптимальных вариантов на разный вкус и цвет. Понятно, что лучшие варианты обычно стоят денег и немалых, об их надёжности задумываться не стоит – решения, проверенные годами, миллионами пользователей и световыми годами обсуждений. Тем не менее, не каждому нужен супер-форум, требования разные. Поэтому мы включили в рейтинг разношерстные, но по-своему интересные платформы разных типов, платные и бесплатные. Каждый сможет подобрать что-нибудь для себя.</p> mybb@mybb.ru (Egor1ca) Sun, 04 Jul 2021 15:00:50 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1716#p1716 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1715#p1715 <p>Все же поспорю…нет, не из вредности. Вы только не обижайтесь. Но, это просто еще одна переписанная статья (коих сотни в Рунете). Кто-то один сказал, и потом понеслось…<br />1. Электронный кошелек. Не обязателен, я все платежи проводила напрямую при помощи банковской карты. И человеку, у которого она есть и не хочется заморачиваться с платежными системами (такими, как вебмани) совершенно не обязательно заводить электронный кошелек.<br />2. Домен. Тут да, без него никак и, действительно, при оплате хостинга на год можно на халяву получить домен в зоне ru =)<br />3. Хостинг. Тоже согласна.<br />4. Знание языков программирования. Не нужно. Серьезно. Если вам нужен простой сайт, вы вполне обойдетесь без них. 70% блогеров даже и базовых навыков в программировании не имеют. А HTML und CSS это даже не языки программирования. Развернуть вордпресс на хостинге — это дело пяти минут и программиста для этого привлекать не нужно, потому что его навыки там не понадобятся вовсе.<br />5. Знание ЦМС…нуу…тут, в принципе, да. Как-то же статьи вам публиковать придется. Но для этого тоже не нужно быть семи пядей во лбу. Современные Системы управления контентом до неприличия удобны и просты. Немного упорства и вуаля! Все будет работать, как надо (главное не суваться туда, где ничего непонятно).<br />6. Зачем? Зачем вам локальный сервер? Посмотреть, как будет выглядеть сайт? Но, это только в том, случае, если вы не уверены, нужен вам сайт или нет. Я не пользуюсь очень давно локальными серверами (даже копии клиентских сайтов держу на тестовом разделе хостинга (если можно так выразиться). Почему? Мне так удобнее, экономлю время. Все что мне нужно посмотреть, я могу сразу сделать на хостинге, плюс, если понадобиться привлечь подрядчиков то никаких сложностей не возникнет. Создается отдельный доступ и все. Что-то пошло не так? Есть бекап, который снимается перед каждой серьезной доработкой. К тому же, не редки случаи, когда на Денвере у вас все работает, а при переносе на хостинг возникают проблемы (что-то отвалилось). Ну и зачем нам тратить время и разбираться с искусственно созданной проблемой? Но это ИМХО, тут уж каждому свое.<br />7. ФТП? Он не обязателен. Все необходимое можно делать из админки (публиковать статьи, заливать картинки, настраивать блоки шаблона, в некоторых админках даже файлы править можно через систему управления сайтом). А доступ по ftp все же великая беда в неумелых руках, сколько раз приходилось чинить сайты, когда клиент думал, что он сам сможет, сам справится…а на деле…увы и ах, сайт падает с фатальной ошибкой в индексном файле.<br />И последнее. Если уж мы говорим о блоггинге. Тут совершенно, совершенно не нужно каких то спец знаний. Все просто, все базовые необходимые настройки можно выполнить самому без каких-либо глубоких знаний даже HTML (это я про вордпресс). К тому же, существует куча конструкторов (там вообще все кликами мышкой управляется). Так что…какие-то знания программирования, глубокие знания HTML, CSS, Js und CMS вам понадобятся только при разработке сложного проекта с нуля. Но это не требуется в блогинге.</p> mybb@mybb.ru (dhvastkov) Tue, 02 Feb 2021 18:21:51 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1715#p1715 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1713#p1713 <p>Кто такой fullstack-разработчик Fullstack-developer или фулстек-разработчик – это человек, который возлагает на себя ответственность за все этапы разработки веб-сервиса. Он принимает участие как в создании визуальной части интернет-ресурса, так и в реализации серверной. Ему не обязательно иметь глубокие знания обо всех технологиях, но уметь работать с ними и понимать основы fullstack-разработчик обязан.</p> <p> Этот универсальный программист может с нуля в одиночку разработать веб-продукт, от клиентской части до программного обеспечения. </p> <p>Фулстек-специалист нужен компаниям, когда заказчик хочет минимизировать недопонимания и сэкономить время или деньги.</p> <p> Также из соображений экономии клиент может внести в должностные обязанности не только все этапы разработки и реализации веб-сервиса, но и все остальное: продакт-менеджмент, настройку операционной системы на серверах и даже починку принтера. Так один разработчик способен заменить 3-4 программистов.</p> <p>Практикующие fullstack-developer утверждают, что большинство из них раньше были узкими специалистами. В ходе работы им приходилось попадать за границу своих обязанностей и иметь дело с процессами и технологиями своих коллег. Со временем знаний и опыта становилось все больше, пока не настал момент, когда программист уже мог самостоятельно воссоздавать целый проект.</p> <p>Чем он занимается<br /> Единого мнения на счет фулстек-разработчика и его функций нет. Кто-то даже считает, что такой должности вовсе не существует. Поэтому и в вакансиях пишут всегда разные должностные обязанности. В задачи fullstack-специалиста может входить:<br /> Планирование, управление и реализация проекта на определенном языке программирования.<br /> Переговоры с клиентами.<br /> Тестирование готовой интернет-платформы и отладка багов.<br /> Контроль качества сайта или приложения.<br /> Техническая поддержка всех специалистов, работающих над веб-сервисом.<br /> Работа с базами данных, файловыми системами, облачными хранилищами и сетевыми ресурсами.<br /> Создание визуального дизайна.<br /> Должность фулстек-программиста во многом схожа с профессией проект-менеджера.</p> <p>Связь с frontend и backend-разработчиками Frontend-разработка – это создание того, что пользователь видит на веб-ресурсе. Визуальная часть создается при помощи HTML, CSS и JavaScript.<br /> Результат backend-разработки, наоборот, скрыт от глаз обычного читателя. Вся работа с сервером, логикой сайта, базой данных входит в должностные обязанности бэкенд-программиста.</p> <p>Разновидности fullstack-разработчиков<br /> Фулстек-программисты делятся на категории в соответствии с тем языком программирования или платформой, с которой работают. Например, есть PHP-fullstack-developer или Java-fullstack-developer и так далее. Фронтенд-часть у них во многом схожа. Они работают с:<br /> HTML и CSS;<br /> языком программирования JavaScript;<br /> библиотекой jQuery;<br /> метаязыком SASS;<br /> языком стилей LESS;<br /> фреймворками;<br /> DOM, AJAX, JSON.<br /> Различия видов fullstack-разработчиков видны на уровне бэкенд-программирования.</p> <p> язык программирования JavaScript;<br /> программную платформу Node.js;<br /> фреймворки, подходящие Node.js, например, Express.js;<br /> пакетные менеджеры для JavaScript;<br /> Web Sockets и REST API. Java-фулстек-developer.</p> <p> Работает на основе следующих технологий:<br /> язык JavaScript;<br /> спецификация API Java EE;<br /> фреймворк Spring;<br /> HTTP-сервер Apache;<br /> облачные сервисы Google Cloud или Azure;<br /> сервлеты, JSP и микросервисы.</p> <p>ASP.NET-фулстек-программист.<br /> Эти разработчики используют в качестве инструментария:<br /> язык программирования C#;<br /> инфраструктуру .NET;<br /> платформу ASP.NET MVC / ASP.NET Core;<br /> облачный сервис Azure;<br /> язык T-SQL;<br /> RESTful API. PHP-fullstack-developer.</p> <p> PHP-разработчику достаточно владеть:<br /> языком программирования PHP;<br /> фреймворками Yii2/Symfony/Laravel. Python-фулстек-разработчик.<br /> Программист работает с:<br /> языком программирования Python;<br /> фреймворком Django/Flask;<br /> REST API;<br /> ОС Linux и веб-сервером Nginx;<br /> облачными сервисами.</p> <p>Есть же категории fullstack-разработчиков, которые не связаны с языками программирования. Например, фулстек-дизайнер.<br /> Все разновидности – это “упрощенные версии” фулстек-разработчиков. Опытный специалист понимает и владеет минимум двумя языками программирования, и может проектировать и реализовывать веб-ресурс на основе этих серверных языков.</p> mybb@mybb.ru (i.1wanova) Sun, 15 Nov 2020 17:38:37 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1713#p1713 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1712#p1712 <p>Для начала в папке, где находиться html, сделаем css-документ. Для этого создадим текстовый документ, и поменяем его расширение на .css , а название на style. Получиться &quot;style.css&quot;</p> <p>Откроем его в нашем редакторе. Чтобы открыть его в Sublime Text 3, нужно просто перетащить его в редактор.</p> mybb@mybb.ru (vikenty.makovsky) Sun, 04 Oct 2020 10:24:38 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1712#p1712 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1710#p1710 <p></p> mybb@mybb.ru (kurexpert) Mon, 18 May 2020 17:13:14 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1710#p1710 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1708#p1708 <p>Однако, бесплатные стоки - отличный инструмент для тех, у кого нет большого бюджета на дизайн и нет специальных требований к макету.<br />1. Pixabay<br />Сервис Pixabay - сайт, на котором представлены бесплатные изображения достаточно хорошего качества.<br />На сайте представлено более 1 миллиона изображений, которые можно использовать в дизайне без указания авторства. Есть как векторная, так и растровая графика.</p> <p>2. Unsplash<br />Бесплатный ресурс с атмосферными фотографиями, которые также можно использовать бесплатно.</p> <p>3. Freepik<br />Ресурс с множеством векторных изображений. В основном на сервисе представлены различные иконки, иллюстрации, есть шаблоны для логотипов.</p> <p>Чтобы использовать бесплатные изображения и при этом создать уникальный и интересный сайт, нужно учитывать следующее:</p> <p>&#160; &#160; лучше не использовать изображения в первоначальном виде. Например, изменить тон и насыщенность картинки с помощью фильтров, взять только часть изображения и так далее;<br />&#160; &#160; следить за качеством изображения. На бесплатных стоках можно найти как качественные картинки с гармоничной композицией и хорошим разрешением, так и непрофессиональные фото с размытым фокусом;<br />&#160; &#160; находить интересные сюжеты. Часто на стоках можно встретить изображения неестественно улыбающихся людей, картинки с рукопожатиями и прочие фотографии, которые настолько часто встречаются, что вызывают у пользователей отторжение. Лучше искать интересные и необычные картинки, которые могут запомниться посетителям сайта и гармонично дополнят макет.</p> <p>Конечно, самый лучший вариант для дизайнера - нанять профессионального фотографа и сделать уникальные снимки для дизайна сайта. Однако, если такой возможности нет, можно воспользоваться альтернативой в виде стоковых фото.</p> mybb@mybb.ru (викНик) Wed, 05 Feb 2020 05:59:23 +0300 https://forummexzavod.ixbb.ru/viewtopic.php?pid=1708#p1708