Веб-разработка часто может быть очень сложной. Сегодня для новичков я хочу познакомить вас с 26 понятиями и приемами, по одному на каждую букву английского алфавита. Звучит странно, так что давайте начнем.
А——Аякс
AJAX означает асинхронный JavaScript и XML и является основной движущей силой всех веб-приложений, которые вы использовали в последние годы. Как технология AJAX уже широко используется. Gmail, Flickr и т. д. Его даже можно найти в админ-панели WordPress. Так что же это такое и как это работает?
По своей сути это xmlhttpRequest, который позволяет отправлять запросы и получать ответы после полной визуализации страницы без необходимости связываться с другими частями страницы. Это означает, что веб-приложениям не нужно обновлять всю страницу для каждой операции. Это обеспечивает очень плавный и динамичный пользовательский интерфейс, подобный настольному приложению.
Связанное чтение
Как выполнять запросы AJAX с помощью необработанного Javascript
24 лучших практики реализации AJAX
Отправьте форму без обновления страницы с помощью jQuery
B——Браузер (браузер)
Браузер — это то, что понимает структуру вашего шедевра веб-сайта или приложения. Его можно использовать не только для серфинга в Интернете, современный браузер также является многозадачной платформой. Например, я установил его с IRC, FTP и возможностью синхронизации информации с каждым устройством. Возможно, вы уже знаете, что браузер — ценный инструмент разработки, но он также доставляет массу хлопот. Каждый разработчик, которому необходимо следить за тем, чтобы его работа выглядела идеально в любом браузере, должен понимать эту боль.
Связанное чтение
13 способов протестировать браузер и проверить вашу работу
Топ-5 способов протестировать ваш сайт в браузере
9 самых распространенных ошибок IE и способы их исправления
К—— CSS
CSS — это острый меч во фронтенд-разработке. CSS, сокращение от «Каскадные таблицы стилей», — это язык, определяющий способ отображения веб-страниц. В самые трудные времена веб-разработки разработчики часто записывали код стиля в исходный код HTML. CSS очень хорошо отделяет стиль от контента.
Связанное чтение
30 селекторов CSS, которые вы должны запомнить
30 лучших практик CSS для начинающих
Понимание специфики CSS
CSS: от нуба до ниндзя – полная серия видео
Д——ДОМ
DOM — это сокращение от объектной модели документа, которая является общепринятым соглашением для взаимодействия с документами HTML или XML. DOM API предоставляет функции для программного перемещения и управления документами. «DOM создает последовательную иерархическую структуру для проанализированного HTML-документа. Дочерние элементы называются узлами или узлами DOM». Если вы слышите, как люди говорят о DOM, на самом деле они говорят о сценариях DOM. Ранее это был термин, описывающий доступ к DOM и управление им с помощью JavaScript. Эта технология лежит в основе большинства современных веб-сайтов и приложений, которые вы видите сегодня.
Связанное чтение
JavaScript и серия DOM: урок 1
Javascript и DOM: урок 2
В доме беспорядок - лекция Джона Ресига
E——События
Современные веб-приложения глубоко управляемы событиями. Так что же такое событие? Большинство действий, которые вы делаете на веб-странице, образуют событие. Наведение мыши на ссылку, нажатие кнопки, нажатие клавиши Tab и т. д. — все это допустимые события. Обработка событий означает выполнение определенного фрагмента кода при возникновении события. Это также основная концепция современной веб-разработки, которую вы должны освоить.
Связанное чтение
JavaScript из Null: Глава 5 – События
События JavaScript с нуля
JavaScript из Null: привязка кросс-браузерных событий
Делегирование событий JavaScript за 4 минуты
F——Поджигатель
Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты. То же самое касается и веб-разработчиков. Очень мощный инструмент — Firebug. Firebug — это расширение Firefox, которое работает на протяжении всей вашей работы. Он позволяет редактировать и отслеживать каждый аспект страницы на лету. Я не могу подробно рассказать о его функциях здесь, поэтому нажмите на ссылку ниже.
Связанное чтение
10 причин, почему вам следует использовать Firebug
Как оформить тему любой CMS с помощью Firebug
Firebug: пояс от белого до черного
Г — сетка
Сетка — это визуальная основа для структурирования страницы. Она была заимствована из когда-то развитой полиграфической индустрии, а сетка является неотъемлемой частью современной веб-разработки. Существует множество CSS-фреймворков, которые можно использовать для создания макетов на основе сетки, что требует интенсивной практики для очень большого количества страниц и макетов.
Связанное чтение
Подробный взгляд на 960 CSS Framework
Более пристальный взгляд на CSS-фреймворк Blueprint
Ускоренный курс: YUI Grids CSS
Освоение системы сеток 960
Ч——HTML
Если вы сейчас читаете эту статью, возможно, вы имеете некоторое смутное представление о ее концепции. Если вас обманула эта ссылка, продолжайте читать. Кстати, приглашаем всех посетить Rockux. У нас есть много статей о веб-разработке. HTML — это аббревиатура языка гипертекстовой разметки, который является фактическим стандартом веб-языка. HTML состоит из нескольких компонентов или элементов: тегов, атрибутов тегов и содержимого, содержащегося в тегах. Последняя версия стандарта HTML, HTML5, предоставляет нам множество новых функций и решает некоторые проблемы совместимости.
Связанное чтение
Курс «HTML5 и вы»
30 лучших практик HTML для начинающих
28 функций, советов и методов HTML5, которые вы должны знать
10 HTML-тегов, которые новички не используют
Я - ИЕ
Э-э, Интернет Эксплорер. Имя вызывает трепет и гнев. Это был герой, принесший четыре захватывающие новые функции, которые подтолкнули всю индустрию вперед, а также положили конец истории застоя браузеров. По сей день он по-прежнему возглавляет фронтенд-разработчиков. После десяти лет войны последней версией IE стала 9, и она вернулась в правильное направление инноваций. Независимо от вашего отношения к IE, он по-прежнему является неизбежной частью процесса веб-разработки.
Связанное чтение
В чем правильно оказался Internet Explorer
9 самых распространенных ошибок IE и способы их исправления
Правильно ли Internet Explorer понял блочную модель?
J — JavaScript
JavaScript — последний член базовой тройки веб-разработки. JavaScript, а не Java, является языком сценариев Интернета. Его используют миллиарды веб-страниц, и, что более важно, веб-сайты, подтверждающие это утверждение. Вы определяете поведение, управляете событиями, манипулируете DOM и взаимодействуете с сервером через JavaScript. Понимание и знание JavaScript растет с каждым годом благодаря использованию таких невероятных библиотек, как jQuery. Я думаю, будет уместно сказать, что JavaScript абсолютно необходим каждому современному веб-разработчику.
Связанное чтение
24 лучших практики JavaScript для начинающих
JavaScript из нуля: серия видео
33 разработчика, на которых вы ДОЛЖНЫ подписаться как любитель JavaScript
K——Keyword Optimization (оптимизация ключевых слов)
SEO имеет отношение только к веб-разработке, но даже в этом случае веб-разработчикам важно иметь базовые знания о том, что такое SEO и на что оно способно. Оптимизация ключевых слов означает выбор правильных ключевых слов для вашего веб-сайта и их оптимизацию, чтобы посетители могли найти ваш веб-сайт. И когда вы разберетесь со всеми принципами SEO, помните: контент – король. Если у вас отличный SEO, но плохой контент, пользователи могут найти вас, но быстро уйдут. Если у вас хороший контент, пользователи найдут вас и останутся.
Связанное чтение
Единственные инструменты SEO, которые вам когда-либо понадобятся
L——Меньше
«Меньше» — это колючий язык в стиле розы. На их веб-сайте LESS описывается как расширение динамического поведения CSS, такого как переменные, примеси, операторы и функции, и я склоняюсь к этому подходу. LESS — это CSS на анаболических стероидах. Да, для меня это звучит лучше, но вы знаете, что это значит. Он привносит в CSS характеристики динамических языков, делая таблицы стилей более мощными и простыми в управлении.
Связанное чтение
Как выжать максимум из LESS
Вам нужно проверить LESS.js
Никогда больше не вводите префикс поставщика
М——МВК
Шаблон управления представлением модели, более известный как шаблон MVC, является одним из наиболее часто используемых шаблонов в веб-разработке. Это архитектурный шаблон, который разбивает каждую часть веб-приложения на логические части для упрощения обслуживания: модель обрабатывает данные, представление обрабатывает представление, а контроллер отвечает за поток данных между двумя частями.
Если вы используете современную среду веб-разработки, вы используете MVC. Ruby on Rails, Code Igniter и Zend Framework используют этот шаблон.
Связанное чтение
MVC для новичков
Создайте свой первый крошечный шаблон MVC с помощью php
asp.net с нуля: MVC
N — узел.JS
node.JS выводит веб-разработку в новую эру. Это позволяет запускать JavaScript на очень быстром движке виртуальной машины (V8). Результаты этого изменения в образе мышления могут быть не очевидны сразу, но со временем преимущества станут очевидными.
Невероятная скорость и способность управлять тысячами одновременных событий ввода-вывода являются основными темами для разговоров среди разработчиков JavaScript во всем мире.
Связанное чтение
Изучение серверного JavaScript с помощью Node.js
Официальный сайт Node.JS
О——Объект
Объектно-ориентированное программирование получило широкое признание в сообществе программистов благодаря своей гибкости. Используя ООП, вы можете написать меньше строк кода, что делает его чище и, следовательно, проще в обслуживании. Но что такое объекты? Сложно объяснить доходчиво в одном-двух предложениях, поэтому посмотрите ссылку ниже.
Связанное чтение
Объектно-ориентированный PHP для начинающих
Основы объектно-ориентированного JavaScript
ссылка на Википедию
П——PHP
PHP, несомненно, является самым популярным серверным языком: на нем работают миллионы, а возможно, и миллиарды веб-страниц и приложений.
Несмотря на множество обновлений и споров о лучшем выборе для написания веб-приложений, PHP не только выжил, но и процветал. WordPress, Joomla, Drupal, MediaWiki используют PHP в качестве внутреннего языка. Одна из основных причин заключается в том, что развертывание является простым, и вы можете относительно легко найти хост, поддерживающий PHP.
Связанное чтение
30+ лучших практик PHP для начинающих
Почему вы плохой PHP-программист
9 полезных функций PHP, которые вам нужно знать
В——Запрос
Запросы в наших статьях могут означать многое. Язык запросов — это интерфейс, используемый для получения данных из внешних систем. SQL — хороший пример получения информации из реляционной базы данных.
С другой стороны, строка запроса — это часть, которая передается веб-приложению как часть URL-адреса. Этими данными может быть что угодно со страницы, к которой пользователь обращается для проверки идентификатора или транзакции. Строки запроса форматируются как пары ключ-значение.
Связанное чтение
CodeIgniter с нуля: результаты поиска без строк запроса
SQL-запрос «Популярные сообщения по количеству комментариев» в WordPress
R — регулярные выражения
Регулярные выражения предоставляют гибкий способ сопоставления строк в тексте в соответствии с заданными шаблонами. Он написан на определенном языке и анализируется интерпретатором. Все современные языки поддерживают регулярные выражения.
Связанное чтение
Регулярные выражения для чайников: серия скринкастов
Вы ничего не знаете о регулярных выражениях: полное руководство
Советы и методы для продвинутых регулярных выражений
S — Source Control (контроль версий)
Контроль исходного кода — популярная практика в процессе разработки команды, независимо от того, на каком аспекте они сосредоточены: программисты в любой области используют контроль исходного кода. Но что именно? Проще говоря, система контроля версий позволяет команде разработчиков работать над набором файлов, отслеживая и идентифицируя изменения каждого участника. Каждую версию кода можно сравнить, объединить или даже восстановить.
Связанное чтение
Терминал, Git и GitHub для остальных из нас: Скринкаст
Визуальное введение в Git
Простое управление версиями с помощью Git
Знакомство с GitHub
T — TDD (разработка через тестирование)
Это снова общий элемент среди всех разработчиков. TDD — это аббревиатура разработки через тестирование, которая относится к процессу выполнения кода и одновременной автоматизации тестовых случаев для этого кода. Это избавляет от утомительного тестирования программного обеспечения и побуждает разработчиков тестировать больше.
Связанное чтение
Руководство для новичков по разработке через тестирование
Разработка JavaScript через тестирование на практике
Как протестировать ваш код JavaScript с помощью QUnit
U —— Unit Testing (юнит-тестирование)
Модульные тесты — это серия TFF, в которых тестируются небольшие блоки кода, чтобы убедиться в их возможности выпуска. Однако модульное тестирование часто связано с методами OPP, что обычно означает наименьший модуль программы, который можно протестировать независимо.
Связанное чтение
Как протестировать ваш код JavaScript с помощью QUnit
В——ВИМ
VIM — очень экстремальный текстовый редактор. Vim бесплатен, имеет открытый исходный код и предлагает бесчисленное множество пакетов функций на выбор. С другой стороны, кривая обучения почти невыносимо крута, и без хороших ресурсов вы можете потеряться на долгое время. Нажмите на ссылку ниже, чтобы узнать, почему это того стоит.
W — WordPress
WordPress начинался как минимальная система ведения блогов, но сейчас он невероятно расширился. Его масштабируемость позволяет использовать его для всего: от CMS до систем электронной коммерции. У него также много энтузиастов и последователей, в том числе разработчиков и дизайнеров, которые хотят сделать его надежной платформой, на которую можно положиться при создании будущих веб-сайтов.
Связанное чтение
Как создать тему WordPress с нуля
Основные плагины для каждой установки WordPress
Масштабирование WordPress для высокого трафика
50 лучших руководств по WordPress
8 отличных SEO-плагинов для WordPress
Х——XSS
XSS означает межсайтовый скриптинг. Это один из многих секретных вопросов, которые вы можете задать при создании веб-сайта. XSS означает загрузку уязвимого веб-сайта или программы вредоносными скриптами для повышения привилегий или получения конфиденциальной информации, а часто и того, и другого.
Связанное чтение
Можете ли вы взломать свой собственный сайт? Взгляните на некоторые важные аспекты безопасности?
CodeIgniter с нуля: безопасность
5 полезных советов по созданию безопасных PHP-приложений
Й——ЮИ
Библиотека пользовательского интерфейса Yahoo — это библиотека JavaScript, которая упрощает процесс создания интерактивных веб-сайтов. Как и большинство современных библиотек, она обеспечивает манипулирование DOM и готовый к использованию AJAX. Хотя YUI не так известен, как jQuery, он по-прежнему имеет очень большую базу пользователей и активно развивается.
Связанное чтение
Введение в YUI
2010 Через призму театра ЮИ
Z——Z индекс
Z-Index — это свойство CSS, которое определяет, как элемент располагается на странице — оно определяет, насколько близко элемент находится к верхней части области просмотра. Большое значение означает, что оно появится над элементом с маленьким значением. Хотя это свойство может быть относительно специализированным, оно вступает в силу сразу же, когда вы создаете виджеты или более сложные веб-дизайны.