3660
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки Связь: https://webformyself.support-desk.ru/
Заканчивается регистрация: http://webformyself.com/wdtools/#price
Читать полностью…
Что представляет собой курс «Инструменты Front-end разработчика»?
Коллега, приветствую Вас!
Как Вы уже наверняка знаете, 6 декабря 2016 года в 9.00 по Москве я запускаю свой авторский курс «Инструменты Front-end разработчика» с 30% дисконтом.
http://webformyself.com/wdtools/#price
Курс состоит из 72 исчерпывающих уроков и содержит систематично изложенную информацию о более чем 30 полезных актуальных инструментах для начинающих и продвинутых пользователей.
Данный курс построен по принципу от простого к сложному. По ходу прохождения курса мы будем рассматривать инструменты от самых необходимых (без которых вообще невозможна Front-End разработка), и, по мере прохождения курса, мы будем переходить к более узконаправленным профессиональным инструментам.
Все инструменты в курсе рассмотрены в том порядке, в котором они нужны разработчикам по мере своего развития и профессионального роста.
http://webformyself.com/wdtools/#about
Также в данном письме хотелось бы напомнить о наших гарантиях: 3-х месячная гарантия возврата средств за курс и поддержка по вопросам курса в клиентском закрытом разделе форума. Поэтому, Вы ничем не рискуете.
http://webformyself.com/wdtools/#warranty
В данном уроке мы познакомимся с наиболее популярными расширениями, которые реализуют обратную связь на создаваемом сайте. Конечно, в стандартном функционале Joomla содержится компонент Contact, при помощи которого можно управлять контактами пользователей, а также настроить обратную связь с посетителями, но зачастую функционал данного компонента не подходит для решения поставленных задач либо он просто не совсем удобен для использования на том или ином сайте.
https://webformyself.com/obzor-rasshirenij-joomla-urok-9-rasshireniya-po-realizacii-obratnoj-svyazi/
Полная версия курса «Инструменты Front-End разработчика»
Коллега, приветствую Вас!
Как и обещал, даю Вам ссылку на анонс моего нового авторского курса «Инструменты Front-end разработчика», релиз которого состоится 6 декабря 2016 года в 9.00 по Москве с 30% дисконтом.
http://webformyself.com/wdtools/#price
Если Вы новичок, то после прохождения курсы, Вы:
• Определитесь с инструментами для веб-разработки;
• Узнаете, что обязательно нужно понимать перед началом работы;
• Научитесь анализировать макет сайта;
• Узнаете необходимые инструменты для качественной и быстрой Front-end разработки;
• Научитесь работать в редакторе кода Notepad++, устанавливать необходимые плагины;
• Узнаете о мощном и популярном редакторе кода, используемом для веб-разработки Syblime Text;
• Изначально правильно настроите все параметры программы Photoshop для удобной Front-End разработки;
• Будете полностью готовы использовать Photoshop для исследования макетов сайтов, предоставленных вам дизайнером;
• Научитесь работать с FTP-менеджером FileZilla, настраивать подключения к различным серверам, скачивать и закачивать файлы на сервер;
• Сможете изначально создавать оптимизированные, легкие в загрузке сайты;
• Научитесь использовать сервис Webpagetest для измерения скорости загрузки страниц;
• Освоите полтора десятка (!) наиболее актуальных функциональных, перспективных и полезных плагинов для Google Chrome.
• И многое другое…
http://webformyself.com/wdtools/
Если вы уже более опытный веб-мастер, то после прохождения курса вы:
• Научитесь быстро находить ошибки в коде и исправлять их;
• Сможете легко анализировать проект и разбираться в нем, даже если создателем были не вы;
• Узнаете о мощной и сложной распределенной системе контроля версий Git;
• На примере конкретной работы научитесь использовать git и github для своих проектов;
• Научитесь пользоваться всеми необходимыми для разработчика генераторами CSS-кода;
• Узнаете все моменты, которые необходимо знать по использованию валидатора;
• Сможете оптимизировать загрузку уже существующих сайтов и, таким образом, сделаете их более легкими и быстрыми, существенно снизите нагрузку на серверные мощности;
• Освоите технику командной работы над проектом.
• Сможете легко просматривать DOM-, CSS-свойства элемента; исправлять стили и HTML-код «на лету»;
• Сможете тестировать адаптивность сайта;
• И многое другое…
http://webformyself.com/wdtools/
С уважением Бернацкий Андрей и команда WebForMySelf.
Служба поддержки
На днях я зашел на сайт caniuse.com и был приятно удивлен, когда увидел, что переменные CSS теперь поддерживаются в большинстве браузеров за исключением одного. Меня это сильно заинтересовало. Уже совсем скоро мы сможем использовать CSS переменные напрямую в наших стилях.
https://webformyself.com/ispolzovanie-css-peremennyx-v-razrabotke-sajta/
В данном видео мы рассмотрим манипуляции с выбранными элементами, используя методы различных анимационных эффектов. Потому как библиотека jQuery предоставляет удобные и очень простые в использовании способы создания пользовательских анимаций. При этом jQuery анимация строится на плавном изменении стилей CSS для выбранных элементов за заданный промежуток времени.
https://webformyself.com/urok-6-metody-animacionnyx-effektov/
Плагин livereload. Быстрые изменения в редакторе кода
Приветствую Вас!
Сегодня Вас ждет еще один урок: о плагине livereload.
http://webformyself.com/minikurs/wdtools/index3.html
При верстке веб-страниц происходит следующая последовательность действий: пишем или вносим правки в существующий код, сохраняем их в редакторе кода. Потом переходим в браузер, обновляем страницу и смотрим, как наш код отображается в браузере. Эту рутинную операцию можно сократить и сделать более удобной.
http://webformyself.com/minikurs/wdtools/index3.html
В данном уроке мы сделаем так, что изменения, вносимые в редакторе кода, будут сразу отображаться в браузере автоматически и без перезагрузки.
http://webformyself.com/minikurs/wdtools/index3.html
Урок по полезному плагину DevTools Autosave
Приветствую Вас!
Подготовил для Вас урок по плагину DevTools Autosave.
http://webformyself.com/minikurs/wdtools/index2.html
Если вы ранее были знакомы с инструментом Chrome DevTool и использовали его для исправления и внесения правок в верстку, то скорее всего у вас появлялась мысль о том, что было бы очень хорошо, чтобы css код, вносимый в панельке Chrome DevTool, автоматически сохранялся и в файле стилей? И такая возможность есть. В уроке мы ее рассмотрим.
http://webformyself.com/minikurs/wdtools/index2.html
В уроке мы с вами установим и настроим все необходимые дополнения, чтобы заставить сохраняться в исходном файле стилей те стили, которые мы вносим в инструменте Chrome DevTool.
http://webformyself.com/minikurs/wdtools/index2.html
Приветствую Вас дорогой друг. В данном уроке мы с Вами поговорим о UIkit framework, который значительно ускоряет разработку все возможных пользовательских интерфейсов, очень прост в изучении и обладает приличным функционалом.
https://webformyself.com/vvedenie-v-uikit-framework-chast-1-2/
Инструменты для быстрой веб-разработки
Читать полностью…
На прошлых уроках мы с Вами неоднократно вспоминали такое понятие как объекты JavaScript, но подробно на данной теме не останавливаюсь. А значит давайте это исправим, тем более, что объекты – это фундаментальный тип данных, без которого не возможно создать действительно хороший проект.
https://webformyself.com/urok-10-obekty-chast-1/
В новой модели индекса Google (mobile-first) при отсутствии мобильной версии сайта предпочтение будет отдаваться десктопным вариантам страниц, а не выполненным в формате AMP. Это уточнение внес представитель поисковой системы на конференции State of Search.
https://webformyself.com/v-novom-indekse-google-desktopnaya-versiya-poluchit-prioritet-nad-amp/
Google разрешает использование на одной веб-странице ресурса нескольких типов микроразметки. Это подтвердил представитель поисковой системы.
https://webformyself.com/primenenie-neskolkix-tipov-razmetki-na-stranice-vozmozhno/
Последний твит Эрика Мейера открыл полностью неизвестную мне до этого CSS систему измерений. Я так думаю, о ней не знала и большая часть разработчиков, и это единицы измерения Q.
https://webformyself.com/kontinuum-q-ispolzovanie-edinic-izmereniya-q-v-css/
Любите вы плагины или нет, но с одним утверждением вы должны согласиться точно. WordPress плагины – самое удивительно, что можно было придумать. Плагины очень полезны: с их помощью можно как разворачивать полнофункциональные интернет-магазины, так и просто добавлять незначительные элементы.
http://webformyself.com/uluchshaem-wordpress-novymi-plaginami/
Если вы давно работаете в сфере разработки, вы знаете, что главная проблема в интернете – это скорость.
Все просто: скорость имеет значение, и чем быстрее, тем лучше. Простой способ повысить производительность – использовать CDN. Мы уже поднимали эту тему несколько раз на сайте CSS-Tricks.
https://webformyself.com/nastrojka-cdn-na-svoem-sajte/
Простота в том, что вам не нужно переписывать базу данных и вручную редактировать контент, однако многие из нас не уделяют должного внимания производительности в этой области. Хостинг, серверы и cPanel, боже мой!
https://webformyself.com/nastrojka-cdn-na-svoem-sajte/
Вконтакте начинает тестирование полновесного варианта своего мессенджера. Функционал нового приложения позволяет вести и создавать все типы диалогов, доступные в веб-версии социальной сети.
https://webformyself.com/vkontakte-zapustil-desktopnuyu-versiyu-svoego-messendzhera/
Исследования поведения пользователей показали, что правый верхний угол сайта привлекает меньше всего внимания. Это обычное отражение наших привычек чтения. Мы читаем слева направо и постепенно спускаемся вниз.
https://webformyself.com/veb-maket-101-kak-vyzhat-maksimum-iz-pravogo-verxnego-ugla/
Российские специалисты совместно с китайцами работают над созданием новой системы фильтрации контента, опубликованного в Рунете. Ожидается, что с помощью Red Web государственные ведомства смогут более эффективно содействовать исполнению норм, прописанных в «законе Яровой».
https://webformyself.com/kitaj-pomozhet-rossii-v-realizacii-zakona-yarovoj/
WordPress.com запустил виджет для перевода контента сайтов, размещенных на хостинге. Новый инструмент создан на базе Google Translate и поддерживает больше чем 100 языков.
https://webformyself.com/sajty-na-wordpress-com-smogut-ispolzovat-google-translate/
О концепции препроцессоров в CSS большинство разработчиков или уже знают, или читало. Мы уже разобрали в мельчайших деталях препроцессоры, чтобы помочь разработчикам как можно быстрее освоиться с этой популярной технологией. Но что такое постпроцессоры?
https://webformyself.com/postprocessory-css-dlya-nachinayushhix-sovety-i-resursy/
Плагин livereload. Быстрые изменения в редакторе кода - http://webformyself.com/minikurs/wdtools/index3.html
Читать полностью…
К концу 2016 года каждый второй житель Земли будет иметь доступ к всемирной паутине. Об этом свидетельствуют данные статистического исследования, проведенного ITU.
https://webformyself.com/k-2020-godu-60-naseleniya-planety-budut-vo-vsemirnoj-pautine/
Инструменты для быстрой веб-разработки
В процессе своей деятельности каждый веб-разработчик рано или поздно задается вопросом, как можно ускорить процесс разработки, как можно автоматизировать однообразные операции, которые приходиться выполнять изо дня в день, как можно свести к минимуму ошибки, допускаемые при написании кода?
http://webformyself.com/minikurs/wdtools/index1.html
И тут на помощь приходят различные инструменты для веб-разработчиков.
Я для Вас подготовил цикл обучающих уроков по инструментам веб-разработки.
В данной серии уроков мы поговорим о том, какие инструменты существуют для веб-разработчиков, что нам дадут знания и умение пользоваться необходимыми инструментами для Front-end разработки.
http://webformyself.com/minikurs/wdtools/index1.html
И сегодня я выложил первых 2-а урока из нашей серии.
Урок 1. Обзор инструментов Front-end разработчика.
В первом уроке мы с вами поговорим о том, что нам дадут знания и умение пользоваться необходимыми инструментами для Front-end разработки.
Урок 2. Практика использования Chrome DevTool.
В данном уроке мы познакомимся с инструментом Chrome DevTool и научимся на реальных практических примерах искать ошибки в верстке, научимся переделывать существующую верстку под свои нужды.
http://webformyself.com/minikurs/wdtools/index1.html
Яндекс улучшил функционал своего браузера. Теперь пользователи приложения могут самостоятельно задать ширину открытых вкладок и перемещаться по ним с помощью скроллинга.
https://webformyself.com/yandeks-brauzer-poluchil-novyj-funkcional-dlya-raboty-s-vkladkami/
Прямо сейчас я еду в поезде, а значит, у меня ужасный wifi. Большинство сайтов просто отказываются загружаться, а те, которые все-таки загружаются, не грузят изображения, из-за чего на веб-страницах остаются большие дыры. К счастью, большая часть изображений не критична для понимания контента, однако их отсутствие напомнило мне еще кое о чем. В моем случае это восприятие производительности, которое намного важнее реальной производительности. И это натолкнуло меня на идею.
https://webformyself.com/kak-uluchshit-vospriyatie-proizvoditelnosti-s-pomoshhyu-neskolkix-fonovyx-izobrazhenij/
Переменные – одна из главных причин, по которой вообще существуют CSS препроцессоры. Очень удобная возможность установить переменную для таких вещей, как цвет, и использовать ее потом в коде. Так ваш код будет структурирован, в нем не будет повторений, и его можно будет легко изменить. Также вы можете воспользоваться нативными CSS переменными (пользовательские свойства). Но между ними есть важные различия, про которые необходимо знать.
https://webformyself.com/chem-otlichayutsya-css-peremennye-ot-peremennyx-v-preprocessorax/
В этом уроке мы познакомимся со сторонним решением для маршрутизации в AngularJS — это маршрутизатор AngularUI Router. Это гораздо более мощное средство для построения маршрутизации, нежели стандартный модуль ngRoute. В этом уроке мы познакомимся с основами работы с модулем UI-Router.
https://webformyself.com/urok-16-ui-router-marshrutizator-dlya-angularjs/
Вышла пятидесятая версия популярного браузера Mozilla. От предыдущих выпусков программа отличается более высокой производительностью и набором всевозможных средств, облегчающих ее использование.
http://webformyself.com/zaderzhka-reliza-stala-prichinoj-bystrodejstviya-mozilla/
Google снова тестирует новый интерфейс страницы с поисковыми результатами. Кроме этого поисковик обновил данные о количестве ресурсов, проиндексированных на сервисе. За последние три года их число выросло до 130 трлн.
http://webformyself.com/poiskovyj-indeks-google-za-3-goda-vyros-do-130-trillionov/