WWW+Programming
| PHP (его полное название: PHP: Hypertext Preprocessor) - это язык, предназначенный для быстрого создания динамических web-страниц. Синтаксис языка похож на С, Java и Perl, однако имеет и свои, присущие только ему особенности. В официальной документации PHP определяется как server-side HTML-embedded scripting language (встраиваемый в HTML скриптовый язык с обработкой на сервере). Из этого определения можно выделить два основных момента: 1.Обработка кода PHP производится на сервере, а не в браузере клиента, как, например JavaScript 2.Код PHP может быть встроен непосредственно в тело HTML страницы, что выгодно отличает его от Perl.
|
The basic of WWW programming.
PHP
Studying and teaching
Company, organization&Government company, organization
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS Organization
|
WWW+Programming
| Как без особых усилий заставить PHP-код работать на порядок быстрее ? Перед тем как задаваться вопросами кеширования и масштабирования стоит попробовать оптимизировать код. Есть ряд несложных правил:
|
The basic of WWW programming.
PHP
Studying and teaching
Company, organization&Government company, organization
Site, forum
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS Organization
|
WWW+Programming
| HTML5 имеет несколько новых типов ввода для форм. Эти нововведения позволяют лучше контролировать ввод данных и их проверку. Этот урок HTML5 охватывает новые типы ввода: email (электронная почта) url (адрес в интернете) number (число) range (диапазон) Выбор даты: date (дата), month (месяц), week (неделя), time (время), datetime (дата и время), datetime-local (местные дата и время) search (поиск) color (цвет) Поддержка Браузеров IE Firefox Opera Chrome Safari
|
The basic of WWW programming.
Studying and teaching
Program producing
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| как реализовать перебор нескольких чекбоксов на странице в цикле.
|
The basic of WWW programming.
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| PHP скрипт регистрации и авторизации пользователей
|
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| 11 бесплатных инструментов для SEO-специалистов
|
The basic of WWW programming.
CMS+CEO
OTHERS PROGRAMMING & SEARCH WORK
Studying and teaching
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Как сделать динамический сайт используя MySQL
|
The basic of WWW programming.
Studying and teaching
Site, forum
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Зачем изучать php и MySQL
|
| Такой вопрос могут задавать лишь те, кто совсем не знаком со спецификой построения веб-остранства и ее современной основой. Любой мало-мальски сведущий в программировании человек скажет, что эти две дисциплины являются на сегодняшний день главенствующими во всемирной паутине. А это значит, что почти весь интернет построен на основе PHP и MySQL:,
|
The basic of WWW programming.
PHP
SQL
Studying and teaching
Site, forum
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Изучаем PHP и MySQL правильно
|
The basic of WWW programming.
PHP
SQL
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Уважаемые пользователи сайта , или просто друзья! В этой статье мы узнаем общие понятия языка программирования php. В наше время суровой конкуренции обычным HTML уже не обойтись, поэтому каждый кодер или просто владелец блога должен знать основы PHP. Перед началом изучения РНР, давайте сначала узнаем, что это такое: PHP представляет собой язык программирования, ориентированный на взаимодействие с сервером, который был создан для строительства интерактивных и динамических веб-сайтов. Синтаксис PHP очень похож на C и Pascal.
|
The basic of WWW programming.
PHP
Studying and teaching
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Вместе с Владимиром Стаценко сделали достаточно подробное сравнение популярных PHP IDE. В сравнение вошли: Eclipse PDT, Zend Studio, NetBeans и Aptana.
|
The basic of WWW programming.
PHP
Studying and teaching
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| PHP: Инструментарий. Выбор IDE
|
Studying and teaching
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| таблица PHP: Инструментарий. Выбор IDE
|
The basic of WWW programming.
Studying and teaching
Site, forum
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Построение дерева иерархии с помощью PHP / MySQL
|
The basic of WWW programming.
PHP
Geo:Russia & other NISLink
|
WWW+Programming
| Данный урок проведет Вас по пути создания простого механизма запросов для MySQL на основе PHP.
|
The basic of WWW programming.
SQL
Site, forum
Book or article
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Программирование баз данных SQL. Типичные ошибки и их устранение
|
PHP
SQL
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Wiki-учебник по веб-технологиям: TextSearch
|
PHP
SQL
Company, organization&Government company, organization
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Недавно начал изучать php.Как ввести данные с клавиауры?*
|
HTML
PHP
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Посимвольная обработка строк
|
PHP
Studying and teaching
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| PHP: String - строка текста
|
PHP
Studying and teaching
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Обработка переменных внутри строк
|
The basic of WWW programming.
PHP
Studying and teaching
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Коллеги-программисты, наша последняя вакансия php-программиста открыта до 10 апреля! мпании, управляющей рядом посещаемых тематических социальных сетей, требуется php-рограммист. Цель – доработка существующих проектов, а также разработка новых, см. www.mediafort.ru Базовые требования: PHP+mySQL+(HTML+CSS), умение писать JS и пользоваться jquery; хорошие знания mySQL. Опыт работы над сложными социальными и высоконагруженными проектами приветствуется. Удаленная работа на постоянной основе или работа в офисе в Москве на полный рабочий день. Зарплата высокая, по результатам собеседования.
|
The basic of WWW programming.
PHP
SQL
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| Фрилансим—биржа для IT-специалистов
|
The basic of WWW programming.
OTHERS PROGRAMMING & SEARCH WORK
Site, forum
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
| реимущества нашего хостинга
|
The basic of WWW programming.
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
CSS
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| Программирование на PHP и основы MySQL
|
PHP
SQL
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| сли вы решили стать веб-разработчиком, но не знаете, с чего начать, предлагаем пойти самым простым и распространенным способом — учиться на YouTube. Здесь можно найти уйму полезной информации, причем абсолютно бесплатно. Вам все расскажут (иногда даже доступным человеческим языком), а главное — покажут. Ну а чтобы вы не заплутали в бесконечных видео, беспорядочно разбросанных по необъятному видеохостингу, предлагаем начать с подборки самых полезных русскоязычных каналов, которую бывалые веб-разработчики собирают на GitHub.
|
The basic of WWW programming.
JS and Java
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| Лучше использовать тот тип input, который необходим для поставленных задач. Браузеры проверяют правильность ввода после заполнения конкретного элемента, а не всей формы. В настоящее время не все типы поддерживаются браузерами (кроме Оперы), но это только вопрос времени
|
The basic of WWW programming.
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| Как правильно составить Title, Description и Keywords
|
The basic of programming
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
| Как Правильно Составить HTML Тег TITLE Заголовка Страницы Сайта
|
The basic of programming
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
| Какое влияние сейчас оказывают мета теги title, description и keywords? Точно об этом могут сказать лишь люди, разрабатывающие алгоритмы поисковиков.
|
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Раскрутка, продвижение и оптимизация сайта
|
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Что известно поисковым системам о страницах вашего сайта? «Конечно, их тексты» – скажете вы, и будете совершенно правы.
Однако, помимо текстов, вы можете передать поисковым системам дополнительную информацию о страницах своего сайта, а именно: заголовок и описание страницы. Эта информация подскажет поисковым системам, что является самым важным на странице. Заголовок и описание указываются в специальных мета-тегах title и description.
Мета-теги title и description находятся в самом начале кода HTML-страницы (между тегами и ). Во многих системах управления сайтом мета-теги можно указать в настройках для каждой страницы сайта.
Когда вы просматриваете страницу, то в заголовке браузера в самом верху отображается текст – это и есть тег title (заголовок открытой страницы):
|
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Ukraine: Top Web & Software Developers - Leaders Matrix
|
The basic of programming
The basic of WWW programming.
Program producing
Company, organization&Government company, organization
Geo:Dnepr&NMAU
Geo:Ukraine&Kiev
Geo:Russia & other NIS
Geo:Geo:Europe & USA & WorldLink
|
WWW+Programming
| Научитесь создавать современные веб-интерфейсы, оттачивайте своё мастерство, станьте настоящим профессионалом.
|
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
HTML (HyperText Markup Language, язык разметки гипертекста) — это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.
Данный самоучитель предназначен в первую очередь для начинающих, только постигающих азы создания сайтов. Множество примеров, иллюстраций, вопросов для проверки и заданий для самостоятельной работы помогут быстрее изучить HTML.
|
The basic of WWW programming.
HTML
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
The basic of programming
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Программа Notepad++ — текстовый редактор PHP и HTML файлов
|
The basic of WWW programming.
Geo:Russia & other NISLink
|
WWW+Programming
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Урок 11. Понятие сценария
Сценарий на языке JavaScript - это программа, работающая с объектами HTML-документа.
Обработка событий
Одним из главных (но далеко не единственным) назначений сценариев в HTML-документе является обработка событий, таких как щелчок кнопкой мыши на элементе документа, помещение указателя мыши на элемент, перемещение указателя с элемента, нажатие клавиш и т.п.
Значением таких атрибутов-событий в тегах HTML является строка, содержащая сценарий, выполняющий роль обработчика события.
Вопросы
Что такое сценарий?
Какие события вы знаете?
Каково главное назначение сценариев?
Где располагается обработчик события?
В качестве примера рассмотрим варианты оформления обработчика щелчка на изображении или кнопке.
Изображение в HTML-документе определяется, как известно, тегом IMG. Файл с изображением задается атрибутом SRC. Обработчик события onclick задается в примере как
|
функция clickimage().
Page with image
Вариант 1
Вариант 2
|
The basic of programming
The basic of WWW programming.
JS and Java
Geo:Russia & other NISLink
|
WWW+Programming
Продвижение сайта на первые позиции поисковой выдачи. Обеспечим топ-10. Жми
fabrika-klientov.com
Внутренняя (SEO) оптимизация – один из важнейших элементов поисковой оптимизации, напрямую влияющий на позиции сайта в выдаче поисковых систем. От ее качества зависит популярность веб-ресурса, количество посетителей, глубина просмотров, активность постоянных читателей и многое другое. Но главное достоинство seo-оптимизации – экономия бюджета при поисковом продвижении сайта. Вот почему важно уметь проводить грамотную сео-оптимизацию.
SEO оптимизация сайта и статейВнутренняя оптимизация включает в себя множество параметров, на которые следует обращать внимание. О том, как добиться максимального положительного эффекта, т.е. использовать seo-оптимизацию на все сто процентов, и пойдет речь.
|
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Плагины Notepad++Плагины Нотпад расширяют возможности редактора и делают работу в нем более комфортной. Notepad имеет кучу всевозможных плагинов на все случаи жизни. Из них я использую только малую часть для редакции и написания HTML кода.
Установка плагинов Notepad++
Сначала посмотрим как подключить плагины в Нотпад.
Обычно базовой комплектации с Нотпадом уже идут несколько предустановленных плагинов, из версии к версии они могут меняться, но один плагин: Менеджер Плагинов - обязательно присутствует.
Нажимает в меню Плагины и переходим -> Plugin Meneger -> Show Plugin Meneger
|
The basic of WWW programming.
Studying and teaching
Program producing
Geo:Russia & other NISLink
|
WWW+Programming
Александр Маврин 3 комментария
Рисованный хамелеон Notepad++Всем привет. Хочу рассказать о том, как в Notepad++ можно писать код быстрее в разы при помощи макросов. Если вы читаете эту статью, то наверняка уже пользуетесь этим редактором. поэтому, думаю не стоит объяснять, что такое Notepad++. Я всегда рекомендую пользоваться именно этим редактором. Будь вы новичок или бывалый программер, давно переставший пользоваться программами для создания сайтов. Notepad++ это практически все, что нужно для полноценной работы программистов и веб-разработчиков. Редактор довольно мощный и имеет массу полезных функций и дополнительных плагинов для качественного написания кода.
Но сейчас поговорим именно о макросах в Notepad++. Макросы, это заранее записанные наиболее часто повторяющиеся операции. Макросы в Notepad++ вставляются по одному клику или же по нажатию сочетания клавиш, которые вы сами назначите для того или иного макроса. Как это работает, предлагаю посмотреть на реальном примере в видео.
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Program producing
Geo:Russia & other NISLink
|
WWW+Programming
Предисловие редактора ко второму изданию (6)
World Wide Web (7)
Введение (7)
Немного истории (7)
Что такое WWW? (8)
Путешествие по WWW (11)
Как в WWW задается местонахождение документа? (11)
Программы просмотра (17)
Основные команды программ просмотра (20)
Проблема русификации (25)
Коды и символы (25)
Кодовые таблицы для кодировки букв русского алфавита (кириллицы) (26)
Установка кириллицы в программе Netscape Navigator 3.0, работающей под Microsoft Windows (29)
Установка кириллицы в программе Netscape Navigator 3.0, работающей под X Windows (UNIX) (31)
Согласование кодировок сервера и программы просмотра (31)
Области использования WWW (33)
Наука (33)
Университетские информационные системы (34)
Учебные приложения (35)
|
Коллекции ("архивы") программного обеспечения (36)
Личные "визитные карточки" (38)
Виртуальные библиотеки, выставки и картинные галереи (39)
WWW и коммерция (40)
Досуг и увлечения (41)
Как в WWW искать нужную вам информацию (41)
"Свободное плавание" (41)
"Плавание" с определенной целью (42)
Поисковые системы (43)
Разработка и опубликование документов в WWW (47)
С чего начать? (47)
Что такое HTML? (49)
Этапы большого пути, или Как стать автором в WWW (53)
Ввод и редактирование текста (53)
Включение графики в HTML-документ (55)
Еще немного о русификации - совет WWW-авторам (65)
Размещение файлов на WWW-сервере (67)
Программные средства, помогающие при создании и отладке WWW-документов (70)
Регистрация документов в Internet, или быстрый путь к всемирной известности (76)
Справочное руководство по HyperText Markup Language (HTML) (80)
Структура и назначение данного руководства (80)
Общая характеристика и назначение языка (81)
Составляющие HTML-документа (82)
Текст (82)
Специальные последовательности символов (Escape Sequences) (83)
Флаги (Tags) (84)
Структура HTML-документа (84)
Головная часть документа (Head) (85)
Название документа (Title) (86)
Тело (Body) (87)
Комментарий (Comment) (87)
Флаги форматирования текста (88)
Параграф (Paragraph) (88)
Разрыв строки (жесткий возврат каретки) (Line Break) (89)
Горизонтальная линия (Horizontal Rule) (90)
Заголовки (Headings) (91)
Пронумерованный список (Ordered List) (92)
Ненумерованный список (Unordered List, Unnumbered List) (93)
Список-меню (Menu List) (94)
Список-указатель (список-индекс) (Directory List) (95)
Глоссарий (Definition List) (96)
Вложенные списки (Nested Lists) (97)
|
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
| Клиентский JavaScript-код может встраиваться в HTML-документы четырьмя способами:
|
The basic of WWW programming.
JS and Java
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
| Предыдущая заметка Слайд-шоу на Javascript без jQuery и других js-библиотек серьезно подогрела любопытство
|
| К сожалению, текущая реализация не позволяет заключить картинки в гиперссылки и переходить по конкретному адресу.
|
The basic of programming
The basic of WWW programming.
JS and Java
Geo:Russia & other NISLink
|
WWW+Programming
Озадачился написанием примера создания слайдера и решил сделать наброски для слайд-шоу без использования Javascript-библиотек вроде jQuery (на днях дискутировал о том что jQuery это не панацея от всех бед:)) Так вот для того чтобы создать слайд-шоу нужно:
структура HTML с которой будем работать
CSS-оформление
Javascript-код
|
The basic of WWW programming.
CSS
JS and Java
Geo:Russia & other NISLink
|
WWW+Programming
Скидка:10%
Цена со скидкой:1200 леев
Начало курса:06.10.2015
Продолжительность курса:- 30 ак.ч.
Пройдя уроки Вы узнаете о веб-программировании и получите базовые знания языка JavaScript, его специфики и особенностях без привязки к исполняемой среде.
В настоящее время современные сайты интерактивно взаймодействуют с посетителями. Например: перетаскивание товара в корзину, просмотр увеличенных фотографий, использование карт, мегаменю, динамические новостные полосы, визуальные гаджеты и т.д. Все это выполняется с помощью клиентского JavaScript, а он в свою очередь, основывается на базовом языке, изучение которого будет первым шагом в мир построения функциональных сайтов и мощных интерфейсов.
|
Пройдя уроки Вы изучите особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основной встроенный функционал. На практических занятиях вы будете создавать базовые сценарии.
Окончив этот курс Вы будете готовы к прикладному применению JavaScript в работе с html-страницей, ее элементами и событиями, которые изучаются на курсе «JavaScript (ECMAScript) junior. Уровень 2. Основы разработки интерфейса сайта».
По окончании курса Вы будете уметь:
добавлять скрипты js в страницу HTML
понимать и создавать самые простые алгоритмы
намечать простые решения для элементарных проблем
использовать операции, создавать простые выражения и конструкции
создавать и использовать собственные функции и функции из стандартной библиотеки JavaScript
понимать основные положения из объектно-ориентированного программирования
различать некоторые аспекты из ECMASCRIPT 6 и 5
|
The basic of WWW programming.
JS and Java
Studying and teaching
Geo:Russia & other NIS
Geo:Geo:Europe & USA & WorldLink
|
WWW+Programming
Представляем вам подборку образовательных ресурсов, благодаря которым вы сможете научиться программировать на любых языках, стать профессиональным дизайнером, узнать, как работает креативная индустрия, или пройти курс одного из ведущих мировых университетов.
Темы:
Программирование;
Дизайн;
Веб-индустрия;
Общие знания.
Программирование
Code Avengers
Курсы Code Avengers — это увлекательный способ научиться программированию и веб-дизайну.
Интерактивные состязания, охота на баги и миссии с роботами делают JavaScript, HTML5 и CSS3 более захватывающим. Уроки рассчитаны на учащихся всех возрастов.
Сайт Code Avengers.
|
Coderwall
Coderwall — это ресурс, на котором тысячи разработчиков делятся своими достижениями и текущими проектами.
Вы можете присоединиться к ним, поделиться своими профессиональными секретами и знаниями и получить отзывы. Изучение новых языков программирования, инструментов и технологий теперь происходит очень увлекательно — за каждый завершенный проект вы получаете особый значок.
The Starter League
Создание веб-приложения без поддержки и помощи может быть тяжелым процессом.
The Starter League — это ресурс, где вы можете найти руководства от экспертов и поддержку менторов. Для того чтобы обеспечить практические руководства по созданию успешных веб-приложений, The Starter League объединились с 37signals (создателями Basecamp и Campfire).
Pluralsight был создан группой разработчиков с целью создать образовательный ресурс самого высокого качества — разработчиками для разработчиков.
Библиотека ресурса огромна и содержит курсы практически на любую тему в области разработки.LearnStreet — это ресурс, который сделает обучение программированию легким для всех.
Если вы хотите начать заниматься JavaScript, Ruby или Python, вы сможете найти на сайте интерактивные обучающие курсы и интересные практические задания.
Сайт LearnStreet.
На PHP Academy вы найдете бесплатные видеоуроки и руководства по PHP и другим темам, связанным с веб-программированием, включая MySQL, JavaScript и CSS.
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Site, forum
Geo:Russia & other NIS
Geo:Geo:Europe & USA & WorldLink
|
WWW+Programming
Знакомство
Курс предназначен для знакомства с интерфейсами академии. А заодно мы рассмотрим базовые понятия вёрстки.
для новичков проходится Начать
Структура HTML-документа
Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
Разметка текста с помощью HTML
Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.
Ссылки и изображения
Научимся использовать ссылки, вставлять на страницу изображения. В конце курса небольшой сюрприз.
Знакомство с таблицами
Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.
Знакомство с формами
В этом курсе вы научитесь создавать простейшие формы, попрактикуетесь использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
Знакомство с CSS
В этом курсе мы разберёмся с базовыми понятиями CSS: селекторы, каскадность, наследование, приоритеты. Вы познакомитесь с некоторыми CSS-свойствами для оформления текста, создания сетки страницы, позиционирования элементов.
|
Селекторы
Курс посвящён одному из важнейших механизмов CSS — селекторам. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их. Курс тематический — он посвящён биатлону.
Наследование и каскадирование
Наследование, каскадирование, специфичность: что это и как их правильно использовать?
Промежуточные испытания
Промежуточные испытания базового цикла, в которых проверяется, как вы освоили HTML и основы CSS.
Оформление текста с помощью CSS
В курсе разбираются самые распространенные CSS-свойства для оформления текста: жирность, курсив, размер, цвет и многое другое.
Блочная модель документа
В этом курсе мы разберёмся как управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим различные типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
Позиционирование
В этом курсе вы узнаете о различных режимах позиционирования элементов: относительном, абсолютном, фиксированном. А также попрактикуетесь изменять расположение элементов на странице с помощью CSS-свойств для позиционирования.
доступен Начать
Сетки
В курсе разбираются понятие потока документа, тонкости свойства float и блочно-строчных элементов, отрабатываются основные приёмы построения сеток.
доступен Начать
Фоны
В этом курсе вы научитесь использовать фоновые изображения и задавать цвета фона. Также мы разберемся с популярными в веб форматами изображений и познакомимся с некоторыми приёмами создания декоративных эффектов.
|
The basic of WWW programming.
HTML
CSS
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
Учебная программа
1. Введение в профессию front-end разработчика
5 часов практики 3 часа теории
свернуть
Кто такой front-end-разработчик
23 октября (с 17:00 до 19:30)
Дмитрий Фитискин, Руководитель проекта «Кувалда.ру»
Дмитрий Фитискин
Руководитель проекта «Кувалда.ру»
Знакомство с особенностями HTML5
26 октября (с 17:00 до 18:30)
Андрей Муравьев, Генеральный директор компании «Веб Креатор»
Андрей Муравьев
Генеральный директор компании «Веб Креатор»
2. Расширенные возможности CSS
8 часов практики 4 часа теории
развернуть
3. Основы JavaScript
10 часов практики 5 часов теории
развернуть
4. Расширенные возможности HTML и JavaScript
10 часов практики 5 часов теории
развернуть
5. Обзор библиотек и фреймворков
6 часов практики 3 часа теории
развернуть
6. Командная разработка
4 часа практики 3 часа теории
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Company, organization&Government company, organization
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
Попробуйте кликнуть по ротатору, каждый баннер ссылается на отдельную страницу. Что в нём самое замечательное? В нём нет монотонности и привыкания - именно это делает его сверх кликабельным. Смена кадров происходит «вразнобой» - не по порядку, с интервалом в 4 сек. Это оптимальный интервал, не вызывающий раздражения пользователей, которое наступает от частого мелькания ярких изображений.
Для сменяемости картинок используются 5 эффектов, если вы считаете, что их много, то сможете оставить только нужные. Вот они:
Горизонтальная прокрутка;
Вертикальная прокрутка;
Плавная замена всех пикселей картинки;
Вырастание картинки из точки;
Горизонтальное вращение куба.
|
Перейдём к технической части:
1) Чтобы ротатор работал необходимо подключить библиотеку jQuery. Для этого в теге страницы или всего сайта поместите следующую строку:
Это означает, что библиотека jquery-1.6.js (всего 89.2 КБ) находится в папке js вашего сайта. Подойдёт любая другая версия jQuery-библиотеки (не обязательно 1.6), возможно какая-то уже находится на вашем сайте - проверьте. Если нет, то вы легко найдёте её в Сети.
2) Разместите следующий код css в теге страницы или во внешнем css-файле (тогда без тегов
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Program producing
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
Как создать анимированный баннер
Урок о том, как создать анимированный баннер в программе Photoshop CS5 для новичков, не владеющих инструментами редактора. Достаточно уметь открывать в нем графические файлы. Мне, как раз, необходимо создать реальный баннер партнерского хостинга. Его размер будет 468 х 60 px - это один из стандартных размеров (готовый баннер внизу страницы).
1. В основном меню программы жмем «Файл - Создать» (Ctrl+N):
|
В окне необходимо задать Имя, размеры и выбрать Прозрачный фон - остальные параметры трогать не надо, жмем OK. Если у вас другая версия Photoshop - не страшно, все действия и инструменты будут такие же. На пустой баннер я поместил изображение серверов, а вам нужно открыть своё: «Файл - Открыть» (Ctrl+O).
Высота нашего баннера 60 px, подгоните по размеру своё: «Изображение - Размер изображения» (Alt+Ctrl+I).
2. Выделите его инструментом «Прямоугольная область» (1), или его часть, затем «Редактирование - Скопировать» (Ctrl+C). Теперь на пустом баннере выделите примерную область вставки и далее: «Редактирование - Вставить» (Ctrl+V). Подправьте его расположение инструментом Перемещение (2):
3. Инструментом Заливка (3) кликните на пустом месте баннера. Если ваше изображение было в формате JPG, то останется его фон, покликайте по нему - может не получиться, закрасится полезная область. В идеале лучше иметь изображение в формате PNG, без фона, и вставить его уже на залитый баннер. У меня получилось сносно:
Заливка
Чтобы установить цвет, кликните по квадрату (5), а в открывшейся «Палитре цветов» выберите нужный, у меня желтый: #f9f100 - его можно просто ввести в поле, внизу палитры:
Палитра цветов
4. Выделите инструментом (1) прямоугольник в средней части баннера, выберите в палитре (5) белый цвет: #ffffff и залейте область инструментом (3). Для отмены любых действий используйте «Редактирование - Шаг назад» (Alt+Ctrl+Z). Теперь будем работать с инструментом Текст (4):
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Program producing
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
//указываем папки с изображениями
$folder_mas = array('images/river','images/clouds','images/mountains');
$images = array();
//выбираем случайную папку
$folder = $folder_mas[rand(0,2)];
$all_files = scandir($folder);
while ($i++ < sizeof($all_files)){
//выбираем только изображения с расширением .png, .jpg и .gif
if (!strstr($all_files[$i],".png") and !strstr($all_files[$i],".jpg") and
!strstr($all_files[$i],".gif")) continue;
array_push($images, $all_files[$i]);
}
//выбираем случайное изображение из папки
$img_random = $images[rand(0,sizeof($images)-1)];
$img_src = $folder."/".$img_random;
echo ' ';
?>
|
Данный скрипт хорош тем, что не нужно прописывать для выбора случайного изображения все изображения в массив. Данный скрипт так же не использует базу данных. Если Вы добавили или удалили несколько файлов в папке, то скрипт отсканирует папку и выберет только имеющиеся в папке изображения.
Для добавления группы изображений достаточно просто указать скрипту папки с изображениями и скрипт сам найдет в них все изображения и выберет из них случайное.
Если в коде заменить !strstr($all_files[$i],".png") на !strstr($all_files[$i],"picture"), то будут выбираться только изображения в имени которых присутствует picture.
|
The basic of programming
The basic of WWW programming.
PHP
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
http://www.plusonechecker.net/
http://www.siteliner.com/
SEO анализ сайта
Инструменты для вебмастеров
Проверка сайта на фильтры, пейджранк и историю
Онлайн сервисы и программы для Сео анализа
Проверка сайта с помощью плагинов для браузеров
Проверка позиций сайта
Сколько стоит сайт
Проверка обратных ссылок сайта
Проверка траста и доверия к сайту
Расшаривания ресурса в социальных сетях
Проверка кода, битых ссылок и ответов сервера
Скорость загрузки и правильность перелинковки
Проверка доступности сайта (аптайм)
Сервисы по проверке орфографии
Где проверить тексты сайта на уникальность
Программы для проверки уникальности текстов
Проверка текстов на переспам
Проверка сайта на вирусы
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Program producing
Geo:Russia & other NISLink
|
WWW+Programming
| Stack Overflow на русском — сайт вопросов и ответов для программистов. Совершенно бесплатный и без регистрации.
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
За последние два года отклик на вакансии в IT увеличился в три раза. Истории про сотни резюме на место будоражат сознание даже видавших виды стариков. Курсы ломятся от желающих, готовых отдавать последние деньги за эфемерную надежду стать тестировщиком или программистом. Но никто не возьмет в руки ластик и не начнет стирать в их головах молочные реки и кисельные берега. «Ты можешь!» и «У тебя обязательно получится!» оставим для курсов и сект личностного роста. Если вы уже программист и любите свою работу, можете дальше не читать.
Работа для мужика — что красота для женщины. Важнейшая часть жизни, которая соприкасается со многими сферами: женщины, деньги, статус, карьера, удовольствие. Рассмотрим каждую подробнее.
|
The basic of WWW programming.
Studying and teaching
Geo:Ukraine&Kiev
Geo:Russia & other NIS
Geo:Geo:Europe & USA & WorldLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
JavaRush - это лучший онлайн сервис обучению Java. Даже лучше, чем вы могли себе представить (данное утверждение подкреплено данными опросов).
У нас очень узкая специализация, мы не агрегатор обучающих курсов. Всего один язык, всего одна цель. Мы взялись за одну единственную задачу, и делаем ее лучше всех в мире.
Мы собираемся переучить на Java-программистов миллион человек. И если вы читаете эти строки, вероятно, вы будете одним из первых. Сейчас у нас 664 282 учеников и решено 11 678 312 задач.
|
JS and Java
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Хотя обычно рекомендуется использовать какой-либо фреймворк или CMS, но иногда проекты настолько малы, что подобные решения могут только усложнить разработку. Однако, несмотря на малость проектов, не стоит игнорировать использование базы данных полностью. Данный урок проведет Вас по пути создания простого механизма запросов для MySQL на основе PHP.
demo
Установки проекта
Сначала нужно сделать несколько специальных файлов и директорий. В данном разделе представлено то, что нужно сделать. Вы можете использовать свои собственные имена с учетом того, что в дальнейшем Вам надо будет соответствующим образом изменять их использование в коде.
Создаем директории
Нам нужна новая директория, которая будет содержать все. В данном случае она называется tut. Внутри этой директории располагаются файлы конфигурации в директории conf. Также есть директория inc (сокращение от include) и внутри нее расположена директория class.
Добавляем файлы
Внутри /conf создаем config.php. Внутри /inc/class мы создаем DAL.php. А в корневой директории создаем файл index.php.
|
DAL - это сокращение от "Data Access Layer"(слоя доступа к данным). В многослойной архитектуре он используется для перевода запросов баз данных в объекты и обратно.
Шаг 2. Установка базы данных.
Нам нужно создать базу данных и наполнить ее некоторыми данными. Для целей данного урока будет использоваться база данных с двумя таблицами с одной связью один-ко-многим. Данный пример сделан для демонстрации того, как наш механизм запросов будет подтягивать данные хотя бы для одной связи.
Создаем таблицы
Итак, в базе данных tut создаем таблицы makes и models. Таблица makes будет иметь поля id и name, а таблица models будет иметь поля id,make, и name.
Структура директорий
Наполняем таблицы данными
Теперь добавим несколько названий (например, Ford, Chevy, и т.д.) в таблицу makes и несколько моделей автомобилей в таблицу models.
Структура директорий
В рамках данного урока предполагается, что Вы имеете некоторый опыт работы с базами данных и SQL, поэтому подробного объяснения организации связей и ключей не будет.
Шаг 3. Соединение с базой данных
В нашем примере мы будем использовать константы PHP для организации соединения с базой данных.
Определение переменных соединения
В файле /conf/config.php определим переменные соединения с базой данных и подключим скрипт DAL.php.
|
The basic of programming
PHP
SQL
Geo:Russia & other NISLink
|
WWW+Programming
http://www.libkruz.com/1-116/webprogramm.html
http://habrahabr.ru/post/77179/
https://toster.ru/q/29965
http://www.internet-technologies.ru/books/category_7.html
|
The basic of programming
The basic of WWW programming.
Studying and teaching
Site, forum
Book or article
Geo:Russia & other NIS
Geo:Geo:Europe & USA & WorldLink
|
WWW+Programming
Приведу пример, с которым сегодня столкнулся. Я писал на основе фреймворка Yii небольшой аналитический модуль, которому на вход подаются одни данные, он их анализирует, и выдает другие. Все было хорошо, когда анализировать нужно было только одного типа данные, Я просто все в одном контроллере написал, и оно отлично работало.
Сегодня шеф сказал, что нужно к этой аналитике прикрутить возможность анализировать данные, для которых входящий набор параметров будет отличаться, т.к. анализировать данные нужно из другого региона.
Решается это весьма просто. Создается класс Analyzer, либо интерфейс IAnalyzer, от которого унаследуем класс MyAnalyzer, в котором реализуем логику анализа первого набора данных, и RegionAnalyzer, в котором реализуем логику анализа второго набора данных. Контроллер соответственно, чистится от мусора, бизнес-логика выносится в отдельные бизнес-единицы - классы MyAnalyzer, RegionAnalyzer. Таким образом, контроллеру нужно теперь просто сказать, какой анализатор вызывать, и контроллер вызовет его, передав входящий набор данных. Этим самым у нас получилась в каком то роде модульность, думаю, это можно назвать инкапсуляцией данных, т.к. мы скрыли всю логику аналитики). Теперь другому разработчику достаточно реализовать какой-нибудь третий класс, и не вникать в логику контроллера, чтобы этот его класс работал так-же, как и первые два.
|
А для манипуляции данными, ООП тоже удобно очень тоже.
Например, у нас есть класс стол (Table), у него есть набор параметров - длина, высота. Если бы вы использовали массивы, оно бы у вас было описано примерно так:
$table = array(
'width' => 10,
'height' => 10,
'length' => 10,
);
|
PHP
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
В настоящее время иногда всё ещё раздаются голоса по поводу того, что объектно-ориентированное программирование (ООП) это не есть что-то необходимое и даже не есть что-то полезное (см., например, здесь). Часто это из-за того, что у авторов нет чёткого понимания о том, что же такое ООП, в чём его суть и где те самые удобства, которые оно даёт. Здесь мы рассмотрим достаточно яркие примеры, иллюстрирующие пользу ООП и то, как, зачем и почему оно появилось.
Рассмотрим пример работы с изображениями. Как известно в случае с компьютером изображение, картинка, фотография – это всего лишь точки (пиксели) с разной яркостью и цветом на экране монитора. В памяти компьютера яркость и цвет каждой точки изображения закодированы числами, и эти числа хранятся в таблице, где количество строк – высота картинки, количество столбцов – её ширина, а каждая конкретная ячейка таблицы содержит характеристики конкретного пикселя. Такую таблицу ещё называют массивом. Так вот, чтобы работать с изображением, нам необходимо знать имя массива в котором хранятся значения яркости и цвета каждой точки, а также нам необходимо знать размеры этого массива (высоту и ширину изображения). Так как если у нашего изображения, например, 100 столбцов, а мы попытаемся прочитать из памяти числа, там, где по нашему мнению 101 столбец, то прочитать-то мы эту память прочитаем, однако при выводе на экран этого 101 столбца получим что-то, что не относится к нашему изображению (так как, то, что относится к изображению лежит лишь в пределах 100 столбцов).
|
Поэтому, чтобы считывать из памяти то, что относится к изображению необходимо знать где, в каких пределах памяти содержится информация об этом изображении, а для этого необходимо знать его размеры. Таким образом, практика показывает, что изображение это массив, содержащий яркости и цвета пикселей и размеры этого массива. Поэтому удобно в одном месте (под одним именем, в качестве одной структуры) хранить всю необходимую информацию для работы с данным изображением – его массив и размеры этого массива. Вот мы уже и подошли к первой идее, предшествующей ООП – это идея структуры. Как известно (см., например, здесь) структура является, по сути, предтечей класса и объединяет в себе данные разного типа. В примере с изображением мы объединили данные типа массива и данные типа переменных – размеры массива.
Следующий пример. Пусть нам необходима функция для работы с некоторыми данными. Пусть в процессе работы этой функции ей необходимо создавать
|
The basic of programming
The basic of WWW programming.
PHP
OTHERS PROGRAMMING & SEARCH WORK
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Разумеется правильного ответа никто не знает. Но два самые главные пользы следующие:
1. УПРОЩЕНИЕ ПОНИМАНИЯ ЧЕЛОВЕКОМ
2. ЛОКАЛИЗАЦИЯ ВЛИЯНИЯ КОДА
1. Упрощение понимания — человеком. Ведь наш, человеческий, язык так и устроен. Помните шутку про «утку»?
Что такое «стул»? «Вот это стул, на нем сидят». Это одновременно и поведение, и предмет.
Человек привык обозначать _класс предметов схожего поведения_ одним словом, которое определяет его поведение.
Что же удивительного в том, что эта практика перекочевала в программирование?
Ведь гораздо проще рассуждать о стеке, чем об «этом наборе данных и кода, который отдает первым последний занесенный объект».
Давайте представим себе неправильную разработку приложения. Например, есть структура с данными пользователя и есть структура записи журнала. При сохранении на диск с ними нужно работать одинаково — рассматривать их как непрерывный блок данных. Однако, эта работа не была проделана. Не было ВЫЯВЛЕНО ПОВЕДЕНИЕ. Значит в любом месте у нас дублируется код записи в файл, системные вызовы и т.д.
|
2. Локализация влияния.
Начинаем расширять — хотим транзакционную запись. Как быть? Ее нужно прикрутить ее _ко всем местам_, где есть запись на диск.
И т.д. Через какое-то время расширение приложения становится СЛИШКОМ дорогостоящим. Получаем то, что называют «монолитное приложение». Это плохо, вроде бы все это понимают.
Внимание — вопрос. А что является «антимонолитным» приложением? Остановитесь, подумайте. Какая она — идеальная архитектура?
Все просто — она легко РАСШИРЯЕТСЯ в рамках поставленных задач.
Как этого достичь?
Правильный ответ такой — нужно выделить одинаковое поведение и запрограммировать его в одном месте.
Следующий вопрос — одинаковое поведение «чего»? Компонента, класса, объекта? А это важно?
|
The basic of WWW programming.
PHP
Geo:Russia & other NISLink
|
WWW+Programming
Вы хотите, чтобы клиенты сами находили вас в поиске?
Для этого вам нужно попасть как минимум в 30-ку выдачи, лучше — 10-ку. Но если вы не используете правильные ключевые слова, это практически нереально!
Сегодня мы с вами детально рассмотрим, как подобрать именно те запросы, которые гарантированно выведут вас в ТОП результатов поиска.
Итак, давайте разберемся…
Как подобрать ключевые слова для продвижения в Google
|
The basic of WWW programming.
CMS+CEO
Geo:Russia & other NISLink
|
WWW+Programming
В этом уроке мы начнем создавать свой первый движок. Движок нужен для правильной организации работы сайта.
Пока это будет совсем простой движок, в будущем будем делать более сложные и интересные движки, например, для создания интернет-магазина или более сложного сайта (с возможностью управлять контентом (CMS)). При создании сайта на движке, как правило цена сайта значительно вырастает (имеется ввиду на движке разработанным специально для этого сайта, а не на бесплатных кривых движках).
Немножко теории
В любом сайте должны быть классы и шаблоны. В классах и других php-файлах должно быть минимум html-кода.
В шаблонах должно быть минимум php-кода, должен быть только html.
В любом сайте верхняя и нижняя части неизменны, не зависимо на какой странице мы находимся.
Верхняя часть называется шапкой (header), и содержит как правило логотип, телефоны, и верхнее меню.
Нижняя часть содержит копирайт (2012 Все права защищены ox2), и может содержать нижнее меню.
|
Область контента содержит текст, и постоянно меняется в зависимости от открытого раздела.
Структура php движка для создания сайта
Наш движок будет иметь следующую структуру:
index.php – соединяет классы и шаблоны
class/Engine.php — основной класс
templates/about.php — шаблон о компании
templates/footer.php – подвал (нижняя часть сайта, не изменяемая на всех страницах)
templates/header.php — шапка (верхняя часть сайта, не изменяемая на всех страницах)
templates/main.php — главная страница
templates/ox2.php — страница «Преимущества компании OX2»
Обратите внимание на то, что у нас четкое разделение классов и шаблонов.
Классы лежат в папке class, а все шаблоны (html-файлы отвечающие за вывод дизайна и контента) лежат в папке templates.
Index.php является связующем звеном, между классами и шаблонами.
|
The basic of programming
The basic of WWW programming.
HTML
PHP
Studying and teaching
Program producing
Geo:Russia & other NISLink
|
WWW+Programming
По многочисленным просьбам посетителей и друзей, я решился приоткрыть карты и немного рассказать о движке моего сайта.
Статья рассчитана на людей, хоть чуть-чуть знающих PHP, поэтому я не буду зря стучать по клаве для разъяснения «что такое движок для сайта» или преподавания «основ PHP».
Цель
В этой статье я хочу показать на примерах и объяснить, как сделать полноценный движок для сайта, используя только технологию PHP и обычные текстовые файлы.
Принцип такой: весь контент сайта хранится в файлах, содержащих только текст и структурную разметку, все остальное оформление будет генерироваться скриптом.
Приступим к созданию
Создаем стандартный PHP-файл с таким содержанием (далее все, что выделено в рамочки, является рабочим PHP-кодом):
|
The basic of programming
The basic of WWW programming.
PHP
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
В этой заметке хотелось рассказать о том, для чего Javascript нужен и что с его помощью можно делать.
Как и у любого язык программирования, основная задача Javascript создавать последовательность действий, которые будут приводить к определенному результату.
Это могут быть условия «если-то», циклы, которые создают определенную последовательность действий, математические вычисления и.т.д.
Самое главное в том, что все эти операции можно производить на веб-страницах, в окне браузера. Причем, javascript может работать и без подключения к сети Интернет.
Итак, давайте рассмотрим ряд примеров, которые демонстрируют те возможности, которые можно получить при использовании Javascript. Я условно отсортировал их на несколько групп, чтобы у вас появилось определенное понимание, что делает Javascript и зачем он нужен.
1) Математические операции
На веб-страницах очень часто возникает необходимость произвести те или иные вычисления.
Например, есть два текстовых поля и нужно в третьем текстовом поле вывести сумму двух чисел, которые введены в первые два.
С помощью Javascript можно создать калькулятор и разместить его на веб-странице.
Вот здесь есть пример такого калькулятора:
http://www.javascriptkit.com/script/cut18.shtml
Еще ситуация, возьмем какую-нибудь текстовую строку на веб-странице, нужно увеличить ее размер в 1,5 раза. Это тоже можно сделать с помощью математических вычислений, путем умножения текущего размера на коэффициент 1,5.
Задач, которые требуют вычислений очень и очень много на практике. Javascript позволяет все это делать.
|
2) Обработка данных в HTML-формах без подключения к Интернет и без использования серверных языков программирования.
Javascript позволяет проверять, что все требуемые поля заполнены и данные, которые в них находятся соответствуют нужному формату (например, если требуются цифры, то должны быть только цифры и не должно быть букв).
Прежде чем отправлять данные на сервер, они проходят предварительную проверку на Javascript. Это снижает нагрузку на сервер.
3) Взаимодействия с пользователем и события
На веб-странице могут появляться различные эффекты, в зависимости от того, какие действия совершает пользователь.
Выпадающее меню на сайте при наведении курсора мыши.
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Начнем с того, что Javascript – это язык программирования. Т.е. с его помощью можно создавать различные условия «если-то», «циклы», алгоритмы и др. В общем, можно создавать какие-то программы.
Теперь другой вопрос, где программы на языке Javascript будут работать?
Javascript – это не просто язык программирования, а язык веб-программирования и создавался он специально для приложений, которые будут работать в сети Интернет и на веб-сайтах.
Чаще всего код на языке Javascript обрабатывают обычные браузеры.
Практически все современные браузеры поддерживают Javascript, например эти: Internet Explorer,Opera, Google Chrome, FireFox и др. В браузерах есть специальный модуль, который может обрабатывать команды, написанные на этом языке и приводить их в понятный вид.
По сути, Javascipt-код представляет собой обычный текстовый документ, который написан по специальным правилам. О том, как создать javascript файл, я писал здесь.
Т.к. Javascript – код исполняется в браузере пользователя, а браузеры еще называют «клиентами», то этот язык программирования еще называют клиентским. Этим он отличается от так называемых серверных языков веб-программирования, которые выполняются на сервере.
Для чего же нужен Javascript код?
Вот некоторые из тех задач, которые можно решать с помощью Javascript:
1) Добавление взаимодействий с действиями пользователя на веб-страницах.
Если пользователь неправильно заполнил форму, то будет выдана ошибка.
|
2) Добавление логики. Веб-страница будет вести себя по-особому, в зависимости от того, как ведет себя пользователь.
Если человек увел курсор мыши из окна со страницей, то на этой странице появится форма подписки. Наверняка, вам приходилось видеть такой эффект на разных сайтах.
lightbox_me_screen-short
3) Добавить математические вычисления на веб-страницы.
Например, при заполнении пользователем какой-то информации в формах на веб-страницах, можно произвести вычисления и вывести результат в другое поле для ввода или еще куда-нибудь.
4) Добавление каких-то эффектов на веб-страницы, которые требуют вычислительных операций. Движущиеся элементы, всплывание и скрытие элементов и.т.д.
Теперь давайте посмотрим на то, как выглядит код Javascript:
Этот код может идти как отдельным файлом, так и встраивается в HTML-код страницы. Javascript код еще называют скриптом. Это просто для информации, чтобы вы не пугались, если увидите где-то такое название.
Надеюсь, что теперь вам понятно, что такое Javascript, если остались какие-то еще вопросы, апишите в комментариях.
Более подробное изучение языка Javascript можно пройти
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
| Это набор соглашений и правил, которые необходимо соблюдать при написании кода на JavaScript. В основе этого соглашения лежат документы корпорации Sun, для языка программирования Java. Но так как JavaScript это не Java - документ был переработан относительно языка JavaScript. Долгосрочная ценность программного обеспечения, находится в прямой зависимости от качества кода. За время своего существования, программа проходит через огромное множество рук и глаз разработчиков. Если программный код написан так, что может четко передавать свою структуру, характеристики, то вероятность его сломать снижается, в случае если в него будут вноситься в правки другими разработчиками или самим автором через длительный срок времени. Соглашения о программном коде, может помочь в повышении качества выходной продукции, и снижает вероятность выхода ее из строя. JavaScript файлы Программы на JavaScript должны храниться в .js - файлах. JavaScript код не должен быть встроен в HTML файлы, если код не является специфичным для одной сессии. Код в HTML значительно увеличивает вес страницы без возможности уменьшения за счет кэширования и сжатия.
|
В отступлении от соглашения, учитывая современные мониторы и разрешения, длину строки можно увеличить до 120 символов. Современные редакторы кода, делают подсветку этой линии, к примеру NetBeans, PHPStorm, и ее длину можно настраивать.Комментарии Необходимо стараться в полной мере давать описания сложным участкам кода.Разработчики, которые будут смотреть на ваш код, или вы сами через некоторое время должны понимать, что этот код делает. Комментарии должны быть хорошо написаны, ясно, корректно, если комментарий недостаточно полный, а еще хуже - ошибочный, который может ввести азработчика в заблуждение, в таком случае лучше не писать комментарий вообще.Так же комментарии не должны описывать очевидные вещи, иначе они будут только тратить время читателя.i = 0; // Set i to zero.Еще одним из полезных свойств комментариев, что при написании их в определенных правилах, например JSDoc, они могут использоваться для генерирования документации программного кода.Объявление переменных
Все переменные должны быть объявлены перед их использованием. JavaScript не требует таких конструкций, но при этом программу намного легче читать и это дает возможность легче обнаруживать не объявленные переменные, которые могут подразумеваться интерпретатором как глобальные. Предполагаемые, неявные глобальные переменные никогда не должны использоваться, все переменные должны объявляться только явным способом, и использованием оператора var.Конструкция var должна идти первой в теле функции.Предпочтительно, что бы каждая переменная была описана на новой строке и могла добавляться комментарием. По возможности лучше держать объявление переменных в алфавитном порядке.Javascript
|
The basic of WWW programming.
JS and Java
Geo:Russia & other NISLink
|
WWW+Programming
Добавление JavaScript в HTML
http://www.puzzleweb.ru/javascript/00_teacher.php JavaScript возможности и ограничения
В этой главе:
JavaScript
Клиентский JavaScript
Возможности
Ограничения
|
The basic of WWW programming.
HTML
CSS
PHP
JS and Java
Geo:Russia & other NISLink
|
WWW+Programming
Практика на реальных проектах, общение с экспертами Рунета.
Защита диплома по окончанию программы.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
CMS+CEO
Studying and teaching
Company, organization&Government company, organization
University or department (researcher, teacher)
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
предназначен для знакомства с интерфейсами академии. А заодно мы рассмотрим базовые понятия вёрстки.
Структура HTML-документа
Создаём простейшую HTML-страницу, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
Разметка текста с помощью HTML
Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое.
Ссылки и изображения
Знакомство с таблицами
Узнаем из каких тегов состоит таблица и как управлять количеством строк и столбцов.
Знакомство с формами
В этом курсе вы научитесь создавать простейшие формы, попрактикуетесь использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
Знакомство с CSS
В этом курсе мы разберёмся с базовыми понятиями CSS: селекторы, каскадность, наследование, приоритеты. Вы познакомитесь с некоторыми CSS-свойствами для оформления текста, создания сетки страницы, позиционирования элементов.
Селекторы
Наследование и каскадирование
Наследование, каскадирование, специфичность: что это и как их правильно использовать?
Промежуточные испытания
|
Продвинутые курсы
В этих курсах изучаются новые возможности HTML5 и CSS3.
Мастерская: декоративные эффекты на HTML5 и CSS3
....................................................
доступен Начать
Кекстаграм: Начало. CSS-фильтры
В курсе вы станете мастером фильтров в CSS: разберётесь, как применять фильтры к разным элементам, а также комбинировать и анимировать их.
доступен Начать
Кекстаграм: Эпилог. JavaScript
В сиквеле курса «Кекстаграм» вам предстоит запрограммировать небольшое фотоприложение с фильтрами на JavaScript.
Флексбокс, часть 2
В курсе вы узнаете как управлять размерами и отступами флекс-элементов и как работают коэффициенты растяжения и сжатия, а также потренируетесь создавать «гибкие» раскладки и элементы интерфейса.
Название курса Состояние
Знакомство с LESS
В этом курсе вы познакомитесь с основами препроцессора LESS и начнёте разрабатывать свою библиотеку визуальных компонентов. Вы научитесь создавать цветовую схему для элементов интерфейса.
|
HTML
CSS
PHP
JS and Java
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
Каждый HTML-документ должен начинаться с декларации типа документа или «доктайпа». Тип документа нужен, чтобы браузер мог определить версию HTML и правильно отобразить страницу.
Например, для старой версии HTML 4.01 доктайп выглядит так:
"http://www.w3.org/TR/html4/strict.dtd">
А для последней версии HTML уже намного проще:
Последнюю версию HTML ещё называют HTML 5. Но так как эта версия уже принята как стандарт и распространена почти везде, мы будем называть её просто HTML.
|
The basic of WWW programming.
HTML
Studying and teaching
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
В этом материале я хочу обзорно рассмотреть назначение основных языков программирования и разметки, применяющихся в веб-разработке.
Идея написать эту статью родилась не спонтанно, а под влиянием часто повторяющихся вопросов, которые мне присылают в письмах и задают в службе поддержки.
Это вопросы следующего плана:
- В каком порядке надо изучать языки создания сайтов?
- Что сложнее: JavaScript или PHP?
- Зачем нужен язык SQL?
- Чем отличаются версии CSS друг от друга, и какую из них следует изучать?
- Как работаю динамические сайты?
- Для чего нужен PHP?
и т.д…
В данной статье я расскажу о роли каждого из названных языков в создании сайтов и, уверен, что подавляющее большинство общих вопросов отпадет у вас само собой.
В этом материале почти не будет примеров кода, т.к. перед нами стоит другая задача – получить общее представление о назначении каждого из языков и его месте в веб-разработке.
Итак, поехали. Начнем мы с языка HTML.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Geo:Russia & other NISLink MY TEXTS + MY PROGRAMMS
|
WWW+Programming
Вы попали на сайт phpinfo.su — сайт о профессиональном программировании на языке PHP.
Основная мотивация, двигавшая авторов создать данный сайт была в желании поделиться своим опытом в программировании на PHP, рассказать о своей практике и дать менее опытным программиста некоторое количество эксклюзивного материала, который редко встретишь на других сайтах, посвящённых языку PHP.
Ну судите строго нас, если найдете ошибки или будите не согласны с нашим мнением относительно тех или иных вопросов разработки. Мы не позиционируем себя и наш сайт как абсолютное правильное и всегда готовы к конструктивному диалогу.
Read more: http://www.phpinfo.su/#ixzz41HkH52jU
|
The basic of WWW programming.
PHP
Geo:Russia & other NISLink
|
WWW+Programming
текстовый файл
The basic of WWW programming.
PHP
SQL
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/JavaScript_basics
|
The basic of WWW programming.
JS and Java
Geo:Russia & other NISLink
|
|