WWW+Programming
| Very good knowledge about relational databases (SQL, database performance, big data); good knowledge in web development using PHP; knowledge in client site web development using Javascript; basic knowledge in programming with C; basic knowledge in HTML/CSS; basic knowledge of linux server systems (Apache, Varnish, Chroot, File Permissions, MariaDB, Redis, load balancing, high availability, DNS, shell scripting);
|
| ИП Чехута Сергей Анатольевич
|
The basic of WWW programming.
PHP
SQL
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Company, organization&Government company, organization
Geo:Dnepr&NMAULink Organization
|
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
| Почему нужно изучить и работать на JS?
|
JS and Java
Studying and teaching
Site, forum
Geo:Ukraine&KievLink
|
WWW+Programming
| В Украине стартовал образовательный проект для людей с инвалидностью и ограниченными возможностями. В рамках проекта пилотная группа на 90 человек уже начала дистанционное обучение по IT-специальностям (компьютерная грамотность, HTML, CSS, Python, PHP, SQLite, Java SE). Обучение бесплатное и проходит в формате вебинаров, видеоуроков и онлайн- естов. Каждый участник пилотной группы сможет пройти обучение по пяти специальностям. Полный курс длится полгода, после чего выпускникам помогут найти работу в украинских IT-мпаниях.
|
The basic of WWW programming.
HTML
CSS
PHP
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Studying and teaching
Site, forum
Geo:Ukraine&KievLink MY TEXTS + MY PROGRAMMS Organization
|
WWW+Programming
| Цель сервиса top$dev – точный поиск программистов и быстрый контакт для ИТ-рекрутинга или выполнения проекта.Сервис точного поиска программистов и других ИТ-специалистов предоставляет данные разработчиков по выполненным проектам, заказам и профессиональным авыкам, подтвержденные деньгами заказчиков, оплативших работы, а также единые рейтинг, набор данных и поисковые фильтры для профилей из разных источников.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Studying and teaching
Site, forum
Geo:Ukraine&KievLink Organization
|
WWW+Programming
| Приглашаем на Java Практикум!
|
The basic of WWW programming.
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Company, organization&Government company, organization
University or department (researcher, teacher)
Geo:Ukraine&KievLink
|
WWW+Programming
| В чем отличие JavaScript от Java?
|
JS and Java Link
|
WWW+Programming
| Компьютерные курсы «Нi5 school» - обучение + практика = трудоустройство!
|
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Company, organization&Government company, organization
Geo:Dnepr&NMAULink Organization
|
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
| сли вы решили стать веб-разработчиком, но не знаете, с чего начать, предлагаем пойти самым простым и распространенным способом — учиться на YouTube. Здесь можно найти уйму полезной информации, причем абсолютно бесплатно. Вам все расскажут (иногда даже доступным человеческим языком), а главное — покажут. Ну а чтобы вы не заплутали в бесконечных видео, беспорядочно разбросанных по необъятному видеохостингу, предлагаем начать с подборки самых полезных русскоязычных каналов, которую бывалые веб-разработчики собирают на GitHub.
|
The basic of WWW programming.
JS and Java
Site, forum
Geo:Russia & other NISLink
|
WWW+Programming
| Javascript-джедай #1 - Введение
|
The basic of WWW programming.
JS and Java
Site, forumLink
|
WWW+Programming
| Видео курс JavaScript Essential. Урок 1: Введение в JavaScript
|
The basic of WWW programming.
JS and Java
Site, forumLink
|
WWW+Programming
| всегда ли работает Javascript Для разных браузеров клиента
|
JS and Java
Site, forumLink
|
WWW+Programming
| Как включить JavaScript в Google Chrome и других браузерах- Читайте подробнее на FB.ru: http://fb.ru/article/44787/kak-vklyuchit-javascript-v-google-chrome-i-drugih-brauzerah
|
JS and Java Link
|
WWW+Programming
10
тема
Взаимодействие PHP и MySQL
Библиотека mysql.
Библиотека mysqli.
Процедурный стиль работы с mysqli.
Объектный стиль работы с mysqli.
Библиотека SQLite.
Расширение PHP Data Objects.
Практика:
Упрощение функций, для вывода данных их СУБД используя библиотеку mysqli.
11
тема
Объектно-ориентированное программирование в PHP
Основные концепции ООП (инкапсуляция, полиморфизм, наследование) и их реализация в PHP. Анализ отличий аппарата ООП в PHP4 и PHP5.
Синтаксис объявления классов.
Поля и методы класса. Свойства класса. Спецификаторы доступа. Константы.
Конструкторы и деструкторы.
Клонирование объектов.
Статические свойства и методы класса.
Метод __toString ().
Наследование и перегрузка методов.
«Волшебные» (magic) методы __sleep (), __wakeup () и др.
Оператор instanceof.
Финальные классы и методы.
Абстрактные классы и методы.
Интерфейсы.
Практика:
Создание ООП модели для сайта. Редактирование файловой структуры, согласно ООП.
12
тема
Проектирование Web-приложений
Анализ Технического задания Web-приложения.
Проектирование Объектно-ориентированной модели.
Проектирование файловой структуры.
Основы проектирование Баз Данных.
Методы связывания кодов разных разработчиков.
Правила написание кода.
Практика:
Создание проектной модели для сайта. Редактирование файловой структуры, согласно проектной модели, используя ООП.
13
тема
Регулярные выражения
Поддержка регулярных выражений в PHP.
Систаксис регулярных выражений (спец. символы, модификаторы, утверждения, условные подмазки, комментарии).
Функции для работы с регулярными выражениями (preg_match(), preg_split(), preg_replace()).
Практика:
Использование регулярных выражений, для настройки безопасности сайта. Проверка цензуры в комментариях/отзывах.
14
тема
Ошибки и исключения
Регулирование вывода сообщений об ошибках и настройка конфигурационного файла.
Изменение стандартного обработчика ошибок. Оператор отключения сообщений об ошибках. Отладка скриптов.
Каскадная обработка исключений.
Практика:
Создания модуля обработки ошибок для сайта.
|
15
тема
Cookies
Сравнение подходов к хранению пользовательской информации. Анализ клиентского подхода (cookies) и серверного подхода (сессии).
Использование «cookies». Установка «cookies». Функция setcookie. Использование массива $_COOKIE.
Удаление «cookies». Проверка поддержки «cookies».
Практика:
Создания сессий для модуля авторизации/регистрации.
16
тема
Сессии
Два подхода к использованию сессий. Использование cookies, URL для хранения id сессии.
Настройка файла php.ini для сессий. Функции для использования сессий. Глобальный массив $_SESSION.
Практика:
Создание модуля управления учетными записями. Создание Админ. панели для сайта.
17
тема
Работа с графикой
Графическая библиотека GD. Обзор её возможностей и недостатков.
Функции для создания, удаления и модификации изображений.
Функции для получения информации о изображениях.
Функции для рисования геометрических фигур.
Функции для работы с текстом и шрифтами.
Функции для работы с цветом.
Функции для работы с пикселами.
18
тема
Поддержка XML
PHP и XML.
DOM в PHP. Объект domDocument.
XSLT в PHP.
Библиотека SimpleXML.
Практика:
Практическое использование XML для передачи данных, между сервером и клиентом. Регистрация, используя XML передачу данных.
19
тема
Сетевые возможности PHP
Работа с сетью.
Функции получения сетевых параметров.
Понятие сокета. Поддержка сокетов в PHP.
Создание сокета. Открытие сокета.
Запись данных. Чтение данных.
Поддержка FTP в PHP. Соединение с FTP сервером. Получение информации о каталогах FTP сервера. Загрузка и сохранение файлов.
Почтовые возможности PHP. Функция mailto. Настройка файла php.ini для почтовых возможностей.
Работа с http.
Практика:
Создания Формы оформления заказа. Настройка сайта на сервере.
20
тема
PHP + AJAX
Что такое Ajax?
Цели и задачи Ajax.
Обработка ответов сервера.
Практика:
Создание асинхронной загрузки содержимого веб-страницы.
21
тема
Безопасность и настройка интерпретатора
Функции для работы с интерпретатором. Настройка.
Безопасность.
Методы хакерских атак. Меры противодействия.
Контроль пользовательского ввода.
Практика:
Создания модуля безопасности для сайта. Создание набора функций для будущей Системы Управления контентом.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Geo:Dnepr&NMAULink
|
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
Урок 25. Java script (JS): Ввод данных с клавиатуры
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| JavaScript методы alert, document.write, prompt
|
The basic of WWW programming.
JS and Java Link
|
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
HTML/CSS
Learn HTML
Learn CSS
Learn Bootstrap
Learn W3.CSS
JavaScript
Learn JavaScript
Learn jQuery
Learn jQueryMobile
Learn AppML
Learn AngularJS
Learn AJAX
Learn JSON
HTML Graphics
Learn Canvas
Learn SVG
Learn Icons
Learn Google Maps
Server Side
|
Learn SQL
Learn PHP
Learn ASP
Learn ASP.NET
Web Building
Web Building
Web Statistics
Web Certificates
XML Tutorials
Learn XML
Learn Schema
Learn XSLT
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Site, forum
Geo:Geo:Europe & USA & WorldLink
|
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
Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS 2-е изд.
Авторы: Никсон Робин
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Book or articleLink
|
WWW+Programming
JavaRush - это лучший онлайн сервис обучению Java. Даже лучше, чем вы могли себе представить (данное утверждение подкреплено данными опросов).
У нас очень узкая специализация, мы не агрегатор обучающих курсов. Всего один язык, всего одна цель. Мы взялись за одну единственную задачу, и делаем ее лучше всех в мире.
Мы собираемся переучить на Java-программистов миллион человек. И если вы читаете эти строки, вероятно, вы будете одним из первых. Сейчас у нас 664 282 учеников и решено 11 678 312 задач.
|
JS and Java
Studying and teaching
Geo:Russia & other NISLink
|
WWW+Programming
Михаилу Вайвале недавно исполнилось 17 лет. Он живет в Таллине и уже почти год работает в эстонском IT-стартапе VitalFields. Программирует Миша с 14 лет и всему научился сам. После 9 класса он бросил школу ради возможности учиться в интернете, в университет поступать не стал — не видел смысла. Как оказалось, это было правильным решением.
Сейчас, помимо постоянной работы, Миша также развивает собственный IT-проект и помогает родителям с бизнесом. В будущем он намерен создать свою компанию, а пока активно изучает стартапы и венчурное инвестирование, участвует в хакатонах и выигрывает конкурсы.
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Program producing
Personality (professional,researcher, teacher,competitor or colleague)
Geo:Ukraine&Kiev
Geo:Geo:Europe & USA & WorldLink
|
WWW+Programming
Многие задаются вопросами: "Стоит ли учить Java? Или может изучать другой язык? Какой язык программирования будет востребован? Что такого особенного в Java?". Мы считаем, что в ближайшие годы Java будет доминировать в таких отраслях:
1) Enterprise (тяжелые корпоративные серверные приложения)
Java идеально подходит для серверных приложений. Шансы, что другой язык хотя бы потеснит Java в ближайшие 20 лет, очень малы.
2) Mobile (благодаря взлету Android)
Если бы не андроид, тут бы правил балом С++. Java не идеал для mobile/UI, но твердую 4 из 5 он тут имеет (пока кто-то не потеснит Android, но это продукт Google, так что вряд ли).
|
3) Web: (веб-сервисы)
Тут доминирует PHP, но и Java держит свой кусок рынка. На ближайшие 5 лет тут все в шоколаде. Но если выйдет JavaScript с поддержкой классов/статической типизацией, он может стать единым языком для веба и отнять место у Java/PHP.
4) Big Data
Отрасль очень быстро развивается благодаря росту мобильников.
На каждый миллион мобильников приходится один датацентр с тысячей серверов. Тут очень большие зарплаты: на 50-100% выше, чем в среднем в отрасли. Но спрос в основном только в США. Скорее всего эта отрасль станет второй Enterprise.
5) Железо
Есть мнение, что в ближайшие пару лет количество различных умных девайсов вырастет в разы. Скорее всего большую долю в этой нише тоже займет Java.
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Program producingLink
|
WWW+Programming
Получите информацию, которая стоит сотни $ долларов, бесплатно.
Получить доступ на интенсив
12 Января, учим основы HTML
В 19:00 по Киеву (20:00 по МСК)
Геннадий Караченцев
Front-End разработчик с 7 летним опытом
Что вы узнаете?
Что такое HTML?
Строение HTML документа.
Инструменты для верстки.
Симантика HTML?
Что такое теги?
Строение тегов.
Атрибуты тегов.
Изучение простых текстовых тегов.
Вы научитесь понимать и читать HTML код, строить простые статические страницы.
Январь
13
В среду
13 Января, учимся писать CSS стили
В 19:00 по Киеву (20:00 по МСК)
|
Геннадий Караченцев
Front-End разработчик с 7 летним опытом
Что вы узнаете?
Что такое CSS стили?
Строение CSS стиля.
Где создаются CSS стили?
Селекторы?
Псевдоклассы CSS.
Часто используемые стили.
Вы научитесь создавать стили CSS при помощи которых, сможете изменять верстку, делая ее более красивой и похожей на реальный сайт.
Январь
14
В четверг
14 Января, разбираем JavaScript
В 19:00 по Киеву (20:00 по МСК)
Что вы узнаете?
Что такое JavaScript?
Зачем нужен JavaScript.
Секреты использования JavaScript.
Создаем карусель(слайдер) изображений.
Создаем всплывающие окна.
Вы научитесь добавлять динамику на свои страницы, чтобы верстка было не такой статичной, сухой и обыденной.
|
The basic of programming
The basic of WWW programming.
HTML
JS and Java
Studying and teaching
Geo:Ukraine&KievLink
|
WWW+Programming
В удивительные времена живем: новые языки, технологии, инструменты и фреймворки появляются каждый день. Еще никогда технарям так весело не жилось. Однако в этом шуме легко потеряться. Постоянный колумнист TechCrunch, программист и ментор Мартин Пурьер выбрал пять глобальных трендов в программировании, которые, по его мнению, задают вектор развития всей индустрии.Последняя версия ECMAScript (ES6), более широко известного как JavaScript, может сделать один из самых значимых прорывов в веб-девелопменте со времен предыдущей версии ES5, которая увидела свет в 2009 году.
JavaScript — самый распространенный язык программирования в мире. Почти каждый компьютер или мобильное устройство с веб-браузером совместимы с JavaScript. Но с появлением ES6 и новых функций, которые он несет в себе, веб-разработка может сильно измениться. Среди них: блок-контекстные переменные, а также новые константы, стрелки, которые упрощают синтаксис, интерполяции строк, классы, модули и многое другое.
Новая версия JavaScript быстро набирает популярность в топовых браузерах. В 13-й версии Microsoft Edge уже поддерживаются почти 80% ее функций. В этом году ES6 точно будет поддерживаться в Edge, Chrome, Firefox и пойдет дальше шагать по планете.
|
The basic of WWW programming.
JS and Java
Studying and teaching
Program producing
Geo:Geo:Europe & USA & WorldLink
|
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 WWW programming.
JS and Java
Studying and teaching
Program producing
Geo:Geo:Europe & USA & WorldLink
|
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- это язык программирования, позволяющий создавать скрипты, которые встраиваются в HTML-страницы и выполняются в браузере посетителя страницы.
Современные браузеры в обязательном порядке имеют поддержку языка JavaScript.
Команды JavaScript добавляются на веб-страницы с помощью тега
Атрибут type тега .
Осваивая язык JavaScript, нужно прежде всего освоить комментарии, которые на первых порах использования языка следует использовать особенно часто.
JavaScript допускает короткие комментарии — комментарии, длина которых не превышает длину строки. Всё, что находится после двух символов // до конца строки, будет являться коротким комментарием. Вот два примера коротких комментариев:
// 1. Команда ниже отображает Абзац, выводимый жирным шрифтом
document.write(«Абзац, выводимый жирным шрифтом. »);
document.write(Hello, World!);// 2. Вывод курсивом строки Hello, World!
Кроме того, JavaScript допускает многострочные комментарии — комментарии, которые распространяются на несколько строк. Вот пример такого комментария:
/*
|
Первая команда выводит абзац жирным шрифтом,
а вторая команда выводит абзац курсивом
*/
document.write(«Абзац, выводимый жирным шрифтом. »); document.write(«Абзац, выводимый курсивом. »);
Невозможно описать все возможности языка JavaScript на одной странице, на ней буду записывать только наиболее существенные, по моему мнению, особенности языка.Скрипт этого языка можно как внедрять непосредственно в HTML-код страницы, так и выносить в файл, который может вызываться разными страницами. Вот пример вызова файла со скриптом:
Если указан атрибут src=»… «, то содержимое тега игнорируется, то есть в одном теге script нельзя одновременно подключить внешний скрипт и указать код, поэтому нужно выбирать: script либо содержит src, либо содержит код. При необходимости просто код вносим в другой script.Вот важные особенности использования JavaScript:Программы на JavaScript должны храниться в .js — файлах.JavaScript код не должен быть встроен в HTML файлы, если код не является специфичным для одной сессии. Код в HTML значительно увеличивает вес страницы без возможности уменьшения за счет кэширования и сжатия.
Кстати, WordPress версии 4.0 не признаёт код JavaScript в HTML-коде страниц и портит его, пряча код JavaScript за Строгий режим, «use strict»
Современная спецификация языка содержит ряд несовместимых изменений, по сравнению со старым стандартом.Чтобы не переделывать существующий код, они, в основном, включаются при наличии специальной директивы use strict. Эта директива не поддерживается браузером IE9 и последующими версиями.
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
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
Какие по объему JS-скрипты необходимо встраивать в HTML код?
Хорошей подсказкой для встраивания JavaScript может послужить Page Speed от Google. Данный инструмент подскажет вебмастеру какие .js и .css-файлы должны быть встроены в HTML код страницы.
Что делать с JS-скриптами, которые вызываются с других сайтов?
Со скриптами, которые вызываются из других сайтов, можно провернуть следующие действия:
|
Находите их и копируете их код.
Создаете в текстовом редакторе аналогичный js-скрипт.
Заливаете его в корневую(или в любую другую) директорию своего сайта.
Изменяете путь вызова js-скрипта на адрес, по которому расположился Ваш скрипт.
В основном проблемы могут возникнуть с 4-ым пунктом. В статье «Как встроить небольшой css-файл в HTML-код страницы» я описал алгоритм, с помощью которого в CMS WordPress можно найти место вызова стиля и изменить его, встроив вместо него небольшой css-файл. Данный алгоритм вполне подойдет и для js-файлов.
Где лучше подключить JavaScript?
JavaScript лучше всего подключить в футере(footer) страницы. Разместив js-скрипт в начале(head) или середине(body) страницы, Вы приостановите загрузку страницы на время выполнения данного скрипта. Если же скрипт будет размещен в конце страницы и будет выполняться только после загрузки основного содержимого страницы, пользователи смогут быстрее начать изучать материал. Ну, а скрипты подтянуться позднее. К тому же, желательно скрипты загружать после css-файлов. Почему после, а не до стилей, читайте в статье Оптимизация порядка загрузки стилей и скриптов, в которой этот момент подробно рассмотрен.
|
JS and Java Link
|
WWW+Programming
Итак, небольшой список того, что позволяет JavaScript:
Добавлять различные эффекты анимации
Реагировать на события - обрабатывать перемещения указателя мыши, нажатие клавиш с клавиатуры
Осуществлять проверку ввода данных в поля формы до отправки на сервер, что в свою очередь снимает дополнительную нагрузку с сервера
Создавать и считывать cookie, извлекать данные о компьютере посетителя
Определять браузер и в зависимости от браузера - загружать нужную страницу, специально предназначенную для этого браузера
Изменять содержимое HTML-элементов, добавлять новые теги, изменять стили
Этим конечно же список не ограничивается, так как помимо всего этого JavaScript позволяет делать и многое другое.
|
Ограничения
Существуют так же и некоторые ограничения, распространяемые на данный язык:
JavaScript не может закрывать окна и вкладки, которые не были открыты с его помощью
Не может защитить исходный код страницы и запретить копирование текста или изображений со страницы
Не может осуществлять кроссдоменные запросы, получать доступ к веб-страницам, расположенным на другом домене. Даже когда страницы из разных доменов отображаются в одно и тоже время в разных вкладках браузера, то код JavaScript принадлежащий одному домену не будет иметь доступа к информации о веб-странице из другого домена. Это гарантирует безопасность частной информации, которая может быть известна владельцу домена, страница которого открыта в соседней вкладке
Не имеет доступа к файлам, расположенным на компьютере пользователя, и доступа за пределы самой веб-страницы, единственным исключением являются файлы cookie, это небольшие текстовые файлы, которые JavaScript может записывать и считывать
В целом, можно сказать, что он разработан таким образом, чтобы затруднить выполнение вредоносного кода.
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| Курс Скакунова Здесь есть JS
|
The basic of WWW programming.
JS and Java Link Link to video(lessons and others)
|
WWW+Programming
| Передача значений переменных из JavaScript в PHP и обратно
|
The basic of WWW programming.
PHP
JS and Java Link
|
WWW+Programming
| Например, при помощи Java Script, на сайте можно реализовать следующее:
|
The basic of programming
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
| Для чего нужен и что делает Javascript. Примеры.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Язык JavaScript
Эта часть позволит вам изучить JavaScript с нуля или упорядочить и дополнить существующие знания.
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| С помощью JavaScript Вы сможете создавать интерактивные веб-страницы.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Всем привет. Это очередная история трудоустроства на сайте javarush, где будут расхваливать джавараш.
Шучу, не будут. Или будут?
Конечно же будут, я ведь ждал момента написать эту статью ещё на 1х уровнях, когда читал чужие :)
Вообщем, начнём с самого начала.
В июне 2014 года я получил диплом бухгалтера. К 3му курсу университета я уже понял, что бухгалтером не буду, я зарабатывал в интернете — разные способы, арбитраж, подписки, дорвеи, сдл, гс и прочее, этого в интернете много, но и нюансов тоже очень много. Студенту хватало. После окончания универа я всё ещё продолжал «крутиться» в интернете, пока…
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
........
Начнем с того, что это не плеер :) Точно ту ссылку скинули?
Там находится плагин lightbox (плагин для увеличения изображений, а также переключения между ними в виде галереи).
Чтобы подключить данный плагин, нужно:
1. Скачать его к себе.
2. Добавить в теги вашего сайта следующий код:
|
The basic of WWW programming.
JS and Java
Studying and teaching
Site, forumLink
|
WWW+Programming
В этой статье мы рассмотрим, как устанавливать и настраивать Lightbox для сайта.
Lightbox - это плагин на jquery, который открывает изображения на весь экран при нажатии и выводит кнопки: "далее" и "назад", а также название и описание фотографии.
1. Для начала скачаем Lightbox последний версии с официального сайта - официальный сайт Lightbox или скачаем по прямой ссылке. И загрузим файлы к себе на сайт.
|
JS and Java Link
|
WWW+Programming
Сценарный язык JavaScript — язык для составления скриптов, разработанный фирмой Netscape, — обладает огромными возможностями для разработки интернет-приложений, работающих как на клиентской, так и на серверной стороне. Язык очень простой, и для работы с ним достаточно лишь иметь понятие основ HTML. В JavaScript есть немало интересных особенностей, и одна из них — возможность обработки не только данных, но и событий. Событие определяется как некоторое действие, выполненное в контексте браузера — например, щелчок мышью или загрузка страницы. Кроме того, JavaScript отлично интегрируется с РНР и дополняет его выполнением тех функций, которые на PHP реализовать невозможно либо трудоемко.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Категория: Курс html5 css3Tags: css, html, javascriptОставить комментарий
Как я и говорил в первой части седьмого занятия, мы подключим с вами нашему документу javascript и с его помощью сделаем примитивное слайдшоу. Расписывать весь процесс у меня ушло бы очень много времени и с целью его экономии, а также доступности повторения я записал видео ролик, где все подробно разъяснил и показал на примере.
Этапы правильного использования js у себя в документе
Внимательно просмотреть код оригинала/примера с которым будем работать
Разобраться, что подключается в служебном теге head
Посмотреть стили, не потеряются ли пути заданные там
Переносить все с примера с пониманием для чего оно нужно
Проверять себя на каждом этапе переноса и сохранения кода
Убедиться, что все работает и наслаждаться своими способностями
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Написание текста с помощью JavaScript
Написание тегов HTML с помощью JavaScript
JavaScript в разделе body документа
JavaScript в разделе head документа
Внешние файлы JavaScript
Объяснение примеров
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Сегодня покажу работу 4-х известных Вам технологий, а может и неизвестных. Это: HTML, Они - CSS, PHP, JavaScript.
HTML - это язык гипертекстовой разметки текста;
CSS - каскадные стили таблиц, с помощью него применяют стиль к определенному элементу HTML, или группе элементов;
PHP - серверный язык программирования/скриптования;
JavaScript - клиентский язык программирования/скриптования;
Практический пример:
1) Файл index.html
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
PHP и AJAX для начинающих на простом примере
Что такое jQuery?
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Хабр, и снова здравствуй!
Настал в моей жизни момент выбора, какое направление в программировании выбрать, пошел в сторону веба. C html и css, какой – никакой, но опыт был, а вот с js знаком не был вообще, начал писать тестовый простой сайт, ограничивающийся статическими страницами, спустя пару дней работы над своим проектом мне понадобилась галерея изображений и как оказалось пагинация. Стал гуглить, искать любую информацию как реализовать новую поставленную задачу, очень много информации, примеров чужого кода, даже удалось кое что слепить из чужих примеров, но понимание не приходило… Приостановил я работу над сайтом и начал читать документацию и примеры кода на js, спустя неделю я вернулся к проекту, и начал писать исходя из полученых знаний, тут то, во время манипуляции элементами страницы на реальном проекте и появилось явное понимание происходящего. Сразу предупрежу это самый обычный велосипед, так как прежде чем браться за тот же jQuery я хотел познакомиться с истоками.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Note. Для выделения кодов скриптов из таблиц используйте Ctrl + Click правой кнопкой мыши, выберите «выделить всё», второй Click правой кнопкой мыши (без Ctrl) «копировать». Скопированные скрипты сначала поместите в любой текстовый редактор, например, в Блокнот, и только затем, скопировав вновь, вставляйте в код страницы.
JavaScript - Калькулятор;
Инженерный калькулятор.;
Простой полнофункциональный Javascript калькулятор;
Игра "Морской бой";
Игра "Полигон";
Игра "Саймон";
Игра "Зрительная память";
Игра "Зрительная память память на числа";
Игра простые КРЕСТИКИ-НОЛИКИ;
Игра 5-линейные КРЕСТИКИ-НОЛИКИ;
Игра "Пятнашки";
Игра "Пятнашки - Алфавит";
Игра "Шашки";
Игра "Отелло";
Игра "Пирамидка";
Игра "Спички" - многорядные;
Игра "Закрой все книги!";
|
Переливающиеся линки;
ТАБЛИЦА ЦВЕТОВ;
Таблица цветов (информационная);
Таблица цветов с использованием карты рисунка;
Изминение цвета фона страницы;
Кнопка - рисунок;
Отжимаемая кнопка;
КНОПКА (линк) "ЗАКРЫТЬ ОКНО";
КНОПКА "Показать источник";
Изменение цвета кнопки-рисунка при наведении мыши;
Окно со скроллингом без scrollbars!;
Просмотр рисунка для фона в POP-UP окне;
|
The basic of WWW programming.
JS and Java
Studying and teaching
Program producingLink
|
WWW+Programming
• Урок 1 (Запуск JavaScript. Размещение JavaScript. События. Функции.)
• Урок 2 (Документ HTML. Иерархия объектов в JavaScript. Объект location.)
• Урок 3 (Фреймы. Создание фреймов. Фреймы и JavaScript. Навигационные панели.)
• Урок 4 (Окна и динамически создаваемые документы. )
• Урок 5 (Строка состояния и таймеры. Прокрутка.)
• Урок 6 (Предопределенные объекты. Объект Date. Объект Array. Объект Math.)
• Урок 7 (Формы. Проверка информации. Проверка на присутствие. Предоставление информации. Выделение определенного элемента.)
• Урок 8 (Объект Image. Изображения на web-странице. Загрузка новых изображений. Упреждающая загрузка изображения. Изменение изображений в соответствии с событиями. )
• Урок 9 (Слои I. Что такое слои?. Создание слоев. Слои и JavaScript. Перемещение слоев.)
• Урок 10 (Слои II. Вырезка из слоя. Вложенные слои. Различные эффекты с прозрачными слоями.)
• Урок 11 (Модель событий в JavaScript 1.2. Новые события. Объект Event. Перехват события.)
• Урок 12 (Drag & Drop. Что такое drag & drop? События при работе с мышью в JavaScript 1.2. Показ движущихся объектов. "Оставляемые" объекты. Реализации.)
• Коллекция примеров JavaScript
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
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
| считать переменную с экрана используя JS для передачи php
|
The basic of WWW programming.
PHP
JS and Java Link
|
WWW+Programming
Как передать переменную из PHP в JavaScript и обратно?
Начнем с того, что никакую переменную передать, конечно же, невозможно. Поскольку переменная - это часть программы. И из одной в другую передать её нальзя. Передать можно только значение переменной. Т.е. текст. То есть, различия между "передачей переменной в яваскрипт" и формированием html таблицы НЕТ НИКАКОГО!
Отсюда вывод - "Передать переменную" в Javascript очень легко. Особенно, повторюсь, если учесть, что никакой "передачи" не происходит. PHP просто напросто генерирует яваскрипт точно так же, как и всю остальную страницу, вместе со всеми переменными.
Точно так же, как вы выводите в браузер строку "Hello World, это Вася Пупкин!", выводится и любой яваскрипт, со всеми своими переменными.
|
The basic of WWW programming.
PHP
JS and Java Link MY TEXTS + MY PROGRAMMS
|
WWW+Programming
Программа курса
Курс состоит из 48-ми занятий (96 часов вебинаров) и финального тестирования,
после прохождения которого вы получаете подтвержденный сертификат.
1
HTML
HTML — стандартный язык разметки, который используется при создании большинства веб-страниц во Всемирной паутине и структурировании информации
Ведение в html — познакомимся с технологией, на которой построен весь Интернет
Инструментарий — в чем и как писать код
Структура html-кода — как писать код так, чтобы все было понятно и прочитать его мог не только автор, но и другие разработчики
Формы — без них веб был бы просто электронным представлением книг, газет и журналов. С помощью форм мы строим взаимодействие с пользователем
2
CSS
CSS — влияет на внешний вид страницы сайта — работает со шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами
|
3JavaScriptJavaScript — язык программирования, который позволяет делать веб-страницы интерактивнымиВедение в JavaScript, базовые конструкции языка — знакомство с языком
Примитивные типы, объекты, массивы, функции — базовые вещи из которых состоит любой язык программированияАсинхронность, таймеры — отдельно остановимся на сложных местах и разберем их подробно. Асинхронность в JavaScript одна из самых сильных его сторон
JavaScript в браузерах — как это все заставить управлять веб-страницей
Работа с DOMСобытия и обработка событий — как браузер следит и реагирует на действия пользователя, и как можно вмешаться и управлять этим процессом
jQuery — изучим библиотеку, с которой жизнь становится легче, а волосы мягкими и шелковистыми (шутка)AJAX — как получать/отправлять данные, не перезагружая страницу, и вообще, сделать что угодно не перезагружая станицу
ООП. Классы, конструкторы и прототипы — снова вернемся к изучению устройства языка и разберемся, как правильно писать большие и сложные программы
Обзор MV* фреймворков для построения одностраничных приложений Backbone.js, AngularJS — познакомимся с решениями, которые позволяют строить сложные одностраничные приложения
4Базы данных (8 занятий)Tема, которая пригодится в любом языке программирования и станет вашим козырем при трудоустройстве
5Soft Skills и начало карьеры (5 занятий)Необходимые навыки и знания для выбора профессионального пути, составления резюме, прохождения собеседований, поиска работы на фрилансе. А также возможность пройти пробное интервью с HR-специалистом
6Тестирование студентов и выдача сертификатов
|
The basic of WWW programming.
HTML
CSS
SQL
JS and Java
Studying and teaching
Company, organization&Government company, organization
Site, forum
Geo:Ukraine&KievLink
|
WWW+Programming
JavaScript придает вашим веб-сайтам динамическую функциональность. Когда вы видите, как при прохождении указателя мыши над каким-нибудь элементом браузера что-нибудь выделяется, или что перед вашими глазами на странице появляется новый текст, цветовое оформление или изображение, или когда перетаскиваете объект на странице в новое место, то должны понимать, что все это делается с помощью JavaScript.
В сочетании с CSS JavaScript закладывает основу мощности динамических веб-страниц, которые изменяются буквально на глазах, в отличие от новой страницы, возвращаемой сервером.
Тем не менее с использованием JavaScript могут возникнуть осложнения, обусловленные некоторыми существенными различиями в способах реализации этого языка, выбранных разными разработчиками браузеров. В основном эти различия возникают, когда некоторые производители пытаются придать своим браузерам дополнительные функциональные возможности, не обращая внимания на совместимость с продуктами своих конкурентов.
К счастью, производители в большинстве своем уже взялись за ум и осознали необходимость полной совместимости своих продуктов, для того чтобы разработчикам веб-продуктов не приходилось создавать код с множеством исключений. Но остаются миллионы экземпляров устаревших браузеров, которыми будут пользоваться на протяжении еще многих лет. Тем не менее и для них существуют решения проблем несовместимости, и некоторые из них мы рассмотрим.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
вежая книжка по весьма избитой теме - делаем сайт на связке PHP+MySQL, используя JavaScript. Первое, что выделяет эту книгу из остальных - это год издания (2011) и само издательство (O'Reilly), которое славится производством качественых книг нашей тематики.
Структуру книги можно назвать классической: введение в HTTP/HTML, краткий экскурс в PHP, затем также кратко про MySQL и JS. Из достоинств, отличающих книгу от других, можно отметить подробный рассказ про установку сервера для разработки (WAMP, LAMP, MAMP), рассказ про XHTML и академичное изложение материала по SQL (нормальные формы, связи, транзакции). Негатив вызывает лишь раздел JavaScript, который не содержит информации ни о jQuery, ни о Prototype, как будто их и не существует. На мой взгляд, для книги 2011 года это не есть хорошо.
Однако для начинающих разработчиков книга весьма и весьма хороша. Рекомендую к прочтению, для старта вполне подойдет.
Год издания: 2011
Издательство: O'Reilly
|
HTML
CSS
PHP
SQL
JS and Java Link
|
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
JS Presentations
Dummy presentation
Check this template out. It also demonstrates reveal.js capabilities.
Take me there
HTML
Budha is rumored to have invented HTML.
Take me there
CSS 101
See what can cascading style sheets do for you today.
Take me there Advanced part
JavaScript fundamentals
Presentation which starts like your regular JS101 and goes rocket science in seconds. Insanity warning.
Take me there ECMAScript 6
|
JavaScript & DOM
Take me there
jQuery
jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.
Take me there
|
HTML
CSS
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
HTML
JS and Java
Geo:Ukraine&KievLink Link to video(lessons and others)
|
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
Videos
It is better to see once than hear a hundred times.
JavaScript Video Tutorial (Derek Banas, YouTube)
2. JavaScript Fundamentals, JavaScript Tutorial For Beginners, JavaScript is Weird…and AWESOME, Modular Javascript (LearnCode.academy, YouTube)
3. Javascript Tutorial For Beginners (ProgrammingKnowledge, YouTube)
Online Tools
Useful online tools for JavaScript developers.
Babel -The compiler for writing next generation JavaScript (babeljs.io/repl/)
JSLint (jslint.com)
JSCompress (jscompress.com)
RegExr: Learn, Build, & Test RegEx (regexr.com)
Javascript Cheat Sheet (overapi.com/javascript)
JS NICE (jsnice.org)
Posts
Good posts from good blogs.
Useful JavaScript Tips, Tricks and Best Practices (ModernWeb)
2. 20 Free JavaScript Game Engines for Developers (Code Geekz)
3. Partial Application in JavaScript (Ben Alman)
4. Understanding “Prototypes” in JavaScript (Yehuda Katz)5. Understanding JavaScript OOP (Quils in Space)
Blogs
Good blogs for JavaScript Developers.
|
David Walsh Blog (davidwalsh.name)
2. Mozilla Hacks (hacks.mozilla.org)
3. Echo JS (echojs.com)
4. JavaScript Weekly (javascriptweekly.com)
5. JavaScript — SitePoint (sitepoint.com/javascript/)
6. DailyJS (dailyjs.com)
7. Tutorialzine (tutorialzine.com/?s=javascript)
Additional
Another helpful sources.
1. Use JSDoc (usejsdoc.org)
2. JS: The Right Way (jstherightway.org)
3. JSbooks — free javascript books (jsbooks.revolunet.com)
4. Podcast episodes — Javascript Jabber (Devchat.tv)
5. 5 Minutes of Javascript (fivejs.codeschool.com)
6. JavaScript For Cats (jsforcats.com)
7. Interactive JavaScript tutorial (learn-js.org)
Follow these people
They write about useful things.
1. Addy Osmani (twitter.com/addyosmani)
2. angus (twitter.com/angustweets)
|
The basic of WWW programming.
HTML
CSS
PHP
JS and Java
Studying and teaching
Site, forum
Geo:Geo:Europe & USA & WorldLink Link to video(lessons and others)
|
WWW+Programming
Следуя современным меркам, смело можно сказать, что если вас нет в Интернете, то Вас просто-напросто не существует! Учебный центр подготовки IT-специалистов Level Up, хочет, чтобы люди, компании и фирмы существовали, именно поэтому мы подготовили для вас обучающий курс по разработке web-сайтов с использованием HTML 5, CSS 3, CMS.
Курс HTML подразумевает собой не что иное, как верстка полноценного сайта с нуля, с подключением базы CSS, изучением JavaScript и библиотеки jQuery, обзор наиболее популярных CMS систем.
|
The basic of WWW programming.
HTML
CSS
PHP
JS and Java
Studying and teaching
Company, organization&Government company, organization
Geo:Dnepr&NMAULink
|
WWW+Programming
1. Основы JavaScript
Синтаксис JavaScript
Типы данных
Переменные
Условные операторы
Циклы
Операторы перехода и обработка исключений
Объекты
Классы
Функции
Массивы
Регулярные выражения
2. Клиентский JavaScript
Использование JavaScript на веб-страницах
Объект Window
Работа с DOM-моделью
Взаимодействие JavaScript и CSS
Обработка событий
Типы событий
Cookies
|
3. JavaScript и HTML5
Web Storage API
Геолокация
История посещений
Автономные приложения
Фоновые вычисления
Работа с файлами
Веб-сокеты
HTML5 Canvas
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
Исследователь событий
Изменение изображения, когда мышка находится над ним
Изменение изображения, когда нажимают на кнопку мышки на изображении
Cookie. Органайзер
Откуды вы пришли. Версия вашего браузера
Изменяющаяся кнопка 1
Изменяющаяся кнопка 2
Время нахождения на странице
Перемещение с помощью мыши картинок по странице
Гистограмма
Калькулятор строковый
Калькулятор с кнопками
Плавающее меню
Меню ссылок
Прокрутка текста в окне (титры)
Прокрутка текста в строке статуса
Снег на странице
Полутоновая смена цвета фона
Открывание CD (подставки для кофе)
Фоновая музыка случайная
Просмотр видео
Часы бегают за мышкой
Доступ к clipboard(буферу обмена)
|
Выделение текста в текстовом поле
Определение размера окна, видимой области и начальной позиции.
Исследование W3C Модели событий
Создать окно и изменить его содержимое
Авторастяжка TextArea
Событие колесика мыши
Проверка с какой страницы пришел пользователь
Защита e-mail от спам-ботов
Кросбраузерная Вставка Flash-анимации
Размещение копирайта в правом нижнем углу экрана
Подсветка javascript кода
Как запретить браузеру выделять текст?
Обратный отсчет времени на Javascript
Вывод окон сообщений, запросов, предупреждений
Всплывающие подсказки
Реклама загружается когда страница прокручивается до неё
Всплывающая подсказка (простенькая)
Проверка информации введенной в форму
Сохранение в переменной выделенного на странице текста
|
JS and Java
Studying and teaching
Site, forumLink
|
WWW+Programming
| Встраивание JavaScript в HTML
|
JS and Java Link
|
WWW+Programming
Исполнение программ JavaScript
В предыдущем разделе обсуждались механизмы интеграции кода JavaSсript в HTML-файл. Теперь мы обсудим, как именно интегрированный код JavaScript исполняется интерпретатором JavaScript. В следующих разделах поясняется выполнение различных форм кода JavaScript. Несмотря на то что часть этого материала довольно прозрачна, некоторые важные детали не столь очевидны.
Сценарии
Инструкции JavaScript, расположенные между тегами , исполняются в порядке их появления; если в файле имеется более одного сценария (тега и анализируется HTML-анализатором после завершения исполнения сценария. То же правило применяется к сценариям, включенным из отдельных файлов с помощью атрибута src. Не столь очевидная, но не менее важная деталь, которую стоит запомнить, состоит в том, что исполнение сценария происходит как часть процесса анализа HTML-кода веб-броузером. Поэтому если сценарий присутствует в секции HTML-документа, ничего из секции еще не определено. Это значит, что объекты JavaScript, представляющие содержимое тела документа, такие как Form и Link, еще не созданы, и этот код не может ими манипулировать.
|
Сценарии не должны пытаться работать с объектами, которые еще не созданы. Например, нельзя написать сценарий, работающий с содержимым HTML-формы, если он расположен в HTML-файле до этой формы. В каждом отдельном случае применяются другие, схожие правила. Например, есть свойства объекта Document, которые могут быть установлены только из сценария, расположенного в секции HTML-документа, до того как броузер начал анализировать содержимое документа в секции . Все подобные специальные правила описаны для соответствующего объекта или свойства в справочном разделе, посвященном клиентскому JavaScript.
|
JS and Java Link
|
WWW+Programming
Javascript-джедай #1 - Введение
Sorax
Sorax
|
JS and Java Link Link to video(lessons and others) Lessons
|
WWW+Programming
Очередность использования инструментов web программирования
С чего стоит начать, если новичок совсем ничего не понимает в web программировании? В этой статье я постараюсь коротко рассказать с чего стоит начинать и что изучать дальше.
1. Для начала полезно изучить html разметку. Не так важно, на каком языке вы хотите научиться. Именно html распознается браузерами: читается, обрабатывается и отображается на экране монитора. HTML в данном случае основа или фундамент без которой никуда.
Что нужно знать в html:
Что такое таблицы и блоки;Что такое «теги», атрибуты;Что такое кодировка, формирование html документа;Формы html;Стили, шрифты, html текст.
2. Как только пришло понимание, что такое html, следует приступать к изучению css стилей (каскадных таблиц).
Что это такое и для чего они нужны? Можно привести простой пример. Если вам нужно 50 html страниц с одинаковой разметкой: стили, таблицы, ссылки, размер и т.д. Оформление каждой займет определенное время и в общем-то не разумно. В данном случае используются css таблицами, в которых хранится вся информацию об оформлении, размерах, стилях и так далее.Использование CSS немного замедляет загрузку страниц, но значительно облегчает поставленную задачу.
Что необходимо знать в CSS:Классы и идентификаторы;Применение классов и идентификаторов (стилей);Какие бывают стили, шрифты. Работа с текстом;Блоки, div верстка, позиционирование.
|
3. Java Script После того как есть небольшая база, можно приступать к программированию на Java Script. Почему именно он? Дело в том, что jquery написан именно на этом языке: динамическое изменение и создание объектов, проверка форм и т.д.
Большая часть Java Script обрабатывается на клиентской стороне — браузером, тем самым снижается нагрузка на сервер.
Что необходимо знать в Java Script:
Взаимодействие с css стилями и таблицами;Работа с html «тегами» и формами;
Работа с событиями;Создание циклов, условий;
Умение работать со строками, массивами. Знание и понимание функций.
4. JQuery — это динамическая библиотека, которая обрабатывается на клиентской стороне: упрощает использование JS и расширяет его функциональность.
Что необходимо знать про JQuery:Взаимодействие с css стилями и html элементами;
Работа с событиями и анимацией;Работа со строками;
Понятие (POST и GET).
PHP + MySQL 5. PHP — серверный язык программирования, то есть обрабатываемый на стороне сервера. Тесно взаимодействует с базой данных MySQL.
Что необходимо знать в связке PHP + MySQL:
Работа с массивами, строками, классами;
Работа с простыми математическими задачами;
Подключение к базе данных (MySQL), работа, изменение, получение и запись.
MySQL запросы;
Знание и применение правил написания кода для обращения к MySQL.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teachingLessons
|
WWW+Programming
On behalf of Cure4you, Ciklum is looking for Senior PHP Developer to join Dnepr team on full-time basis.
Senior PHP is needed for a fast growing healthcare platform that is expanding globally.
Based in West Florida we are building out an expansive set of new features that is helping millions of users worldwide to collect their health data, work with their providers and ultimately improve healthcare!
As a PHP developer, you will be part of a new US team of engineers that will work closely with our European development team. You will work on SOA Web applications such as high-traffic personal health record platform, high-security provider applications, point of sales applications and mobile application.
The environment offers a ton of flexibility, allows for a lot of creativity, and depending on experience will provide mentorship or you will drive leadership.
Responsibilities:
Work with an established team of developers and interact with product managers, marketing teams and designers
Design, architect and develop a wide array of high-traffic and highly-scalable applications
Responsible for designing and building SOA web applications
Build web services to support multiple product offerings
Responsible for developing applications and API’s utilizing RESTful Web Services
Analyze application requirements and provide recommended technical design solutions that are efficient, scalable, maintainable, and meet the needs of the business
|
Requirements:
PHP Development Experience
Experience with various frameworks such as PHP, Zend and/or MVC
Knowledge of HTML, XML, JSON, JavaScript, and jQuery
Experience with Agile/Scrum development methodologies
Ability to design and build Web Services, and integrations with third parties through APIs
Experience working on high-traffic ecommerce sites is a plus
Previous working experience at a major internet company is a plus
Bachelor’s Degree
What’s in it for you?
Opportunity to work in a fun, open, casual, and creative working environment
Work with one of the best brands in the country
Flexible working hours
3 weeks' vacation to start
Very competitive base salary
Bonus plans in place and revenue sharing
|
PHP
JS and Java
CMS+CEO
OTHERS PROGRAMMING & SEARCH WORK
Geo:Dnepr&NMAU
Geo:Geo:Europe & USA & WorldLink Organization
|
WWW+Programming
PHP Developer (JavaScript) DAXX
Контактное лицо:Mariia Maikovska
Телефон:+380633017646
Город:Днепропетровск
Вид занятости:
полная занятость
Требования:
Опыт работы от 2 лет, высшее образование
ОПИСАНИЕ ВАКАНСИИ
Daxx is looking for PHP Developer+ JavaScript to work in our offices in Dnipropetrovsk. Become a member of international team of our client. Work directly with the client, learn, enjoy and build your successful career.
About us: Daxx is a Dutch company and market leader in The Netherlands in nearshore IT staffing services. We serve with more than 150 IT professionals over 60 clients in The Netherlands and international markets. Daxx has offices in The Netherlands (Amsterdam) Ukraine (Kiev, Kharkov, Dnepropetrovsk), UK (London) and US (New York). Our company culture is informal & fun but professional.
|
Responsibilities:
Continuous development and optimization of a web and mobile app;
Working, planning and communicating with a small and focused team;
Requirements:
Must have skills — JavaScrip (JQuery), PHP
Strong skills in Javascript (working with React Native);
Experience with PHP
Experience with Symfony;
Great frontend end backend experience;
Strong command of the English language;
Nice to have:
Proactive and great in communication;
Nice to have skills (and must have desire to work with) — Angular, Symphony, React Native
Passionate about software development;
We offer:
An early stage startup: be responsible and involved by lots of important choices;
Lots of independence;
Dynamic environment;
Work with passionate and highly motivated people;
Our Benefits:
Regular business trips to work on-site
Dedicated HR-client Manager and agile coach to help you succeed
Competitive salary and benefits package that includes wide medical insurance, 20 vacation days, 10 sick leaves
|
JS and Java
OTHERS PROGRAMMING & SEARCH WORK
Company, organization&Government company, organization
Geo:Dnepr&NMAU
Geo:Geo:Europe & USA & WorldLink Organization
|
WWW+Programming
| Курс " HTML/CSS + JS (Front-end Web Developme
|
The basic of WWW programming.
HTML
CSS
JS and Java Link Lessons
|
WWW+Programming
http://www.puzzleweb.ru/javascript/javascript_reference.php
http://javascript.ru/tutorial/dom
http://professorweb.ru/my/javascript/js_theory/level2/2_3.php
http://froland.ru/samodel/lsn_js32.html
|
JS and Java
Studying and teachingLink
|
WWW+Programming
JS and Java
Studying and teachingLink
|
WWW+Programming
| PHP и Javascript - зачем они нужны
|
JS and Java Link
|
WWW+Programming
Что такое AJAX
Название AJAX это акроним, раскрывающийся как Asynchronous JavaScript and XML и означающий асинхронный JavaScript н XML. Если это название, на ваш взгляд, мало о чем говорит, мы согласимся с вами. Проще говоря, можно считать, что AJAX — это « JavaScript с расширенными правами», поскольку по своей сути эта технология представляет собой сценарии на языке JavaScript, которые по мере необходимости в фоновом режиме выполняют запросы к серверу и получают дополнительные данные, обновляя отдельные части страницы и тем самым исключая необходимость повторной ее загрузки целиком.
С точки зрения перспективы AJAX обладает лучшей сбалансированностью между функциональностью, реализуемой на стороне клиента, и функциональностью, реализуемой на стороне сервера, при выполнении действий, затребованных пользователем. До этого места функциональность клиента и функциональность сервера рассматривались как отдельные части, которые работают независимо друг от друга в ответ на действия, предпринимаемые пользователем. AJAX предлагает новое решение распределить нагрузку между клиентом и сервером, разрешив им общаться между собой, пока пользователь работает со страницей.
|
Если же A JAX применяется, то вебприложение может проверять данные, отправляя запросы серверу в фоновом режиме, по мере того как пользователь вводит их. Например, после того как пользователь выберет название страны, вебброузер может запросить у сервера список городов этой страны, не отвлекая пользователя от его занятия.
Примечание
AJAX, как и любая другая технология, может применяться неправильно или не по назначению. Если на вашем сайте применяется AJAX, то это еще не значит, что он станет лучше. Выигрыш, получаемый от технологии, зависит от того, насколько правильно и к месту вы ее используете.
Таким образом, технология AJAX служит для создания более гибких и интерактивных вебприложений. Она позволяет выполнять асинхронные обращения к серверу, не прерывая работы пользователя и незаметно для него. AJAX это инструмент, который может применяться разработчиками для создания вебприложений, более интеллектуально взаимодействующих с человеком.
|
The basic of programming
JS and Java Link
|
WWW+Programming
| JavaScript — это сценарный язык программирования, выполняемый непосредственно в браузере. Программы, написанные на нем, называют скриптами, и они интегрируются непосредственно в HTML страницу различными способами. Результат выполнения сценариев отображается на странице, вызывая какие то изменения на ней, а может и не отображаться, если это не предусмотрено. Чтобы было более понятно, давайте посмотрим это на конкретных примерах, зачем нужен JavaScript.
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
Если вы еще не знакомы с понятием Javascript, то об этом я писал тут.
В этой заметке хотелось рассказать о том, для чего Javascript нужен и что с его помощью можно делать.
Как и у любого язык программирования, основная задача Javascript создавать последовательность действий, которые будут приводить к определенному результату.
Это могут быть условия «если-то», циклы, которые создают определенную последовательность действий, математические вычисления и.т.д.
Самое главное в том, что все эти операции можно производить на веб-страницах, в окне браузера. Причем, javascript может работать и без подключения к сети Интернет.
Итак, давайте рассмотрим ряд примеров, которые демонстрируют те возможности, которые можно получить при использовании Javascript. Я условно отсортировал их на несколько групп, чтобы у вас появилось определенное понимание, что делает Javascript и зачем он нужен.
1) Математические операции
|
2) Обработка данных в HTML-формах без подключения к Интернет и без использования серверных языков программирования.
Javascript позволяет проверять, что все требуемые поля заполнены и данные, которые в них находятся соответствуют нужному формату
3) Взаимодействия с пользователем и события
На веб-странице могут появляться различные эффекты, в зависимости от того, какие действия совершает пользователь.
4) Взаимодействовать с HTML-элементами на странице и управлять их содержимым и стилями.
При наступлении определенного события (например, клик мыши или любого другого) можно изменять внешний вид (стили CSS) элементов на странице.
Еще можно добавлять какие-нибудь HTML-теги или атрибуты к ним, также при наступлении определенного события.
5) Добавление анимации и различных графических эффектов на веб-страницы.
Падающие и двигающиеся объекты
Я перечислил здесь лишь небольшой список возможностей Javascript. Чтобы вы могли посмотреть все наглядно и на реальных примерах, привожу здесь список сайтов, на которых опубликованы действующие примеры на языке javascript:
http://htmlweb.ru/java/example.php
http://www.javaportal.ru/javascript/examples/
http://www.w3schools.com/js/js_examples.asp
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
Learn AngularJS With Bootstrap
The Angular framework makes it easy to build dynamic web applications with expressive HTML. Start with core Angular fundamentals, and then explore how the Bootstrap and Node.js frameworks can strengthen your app. Play the four courses below and combine these skills to start creating fast and flexible Angular apps.
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| Известный среди программистов сервис вопросов и ответов Stack Overflow опубликовал свежее исследование по популярности языков программирования среди своих пользователей. В общем рейтинге лидирует JavaScript, а Python на предпоследнем месте. Серебро и бронзу получили SQL и C#.
|
The basic of programming
The basic of WWW programming.
PHP
JS and Java Link
|
WWW+Programming
| http://www.wwwmaster.ru/4-zachem-nuzhen-javascript
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
ох, сейчас холивар одноко может произойти :)
библиотека jQuery ускоряет разработку. имхо она и проще в использовании и поддержке чем чистый ЯС.
согласитесь
$('#id');
короче и стильнее чем
getElementById('id');
минус - подгружаются килобайты билиотеки. чистый яс по идее быстрее работает.
ещё + jQuery - все методы кроссбраузерны, не надо отлавлвать специфику браузеров и строить хаки. куча готовых навороченных расширений и рецептов на все случаи жизни написаны, не надо строить самому велосипеды.
конечно, если вам надо один алерт для одного элемента во всём проекте сделать, тут jQuery отобо не нужно.
опять таки моё имхо обусловлено тем что первый язык был php, и поэтому синтаксис чистого javascript мне не нравиться.
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
Главный центр
пр Карла Маркса 13/15
4 аудиторії
|
The basic of programming
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Company, organization&Government company, organization
Geo:Dnepr&NMAULink Organization
|
WWW+Programming
| Использование JavaScript на веб-страницах
|
JS and Java Link
|
WWW+Programming
Подключение и выполнение javascript
|
JS and Java Link
|
WWW+Programming
http://www.javascriptsource.com/
http://genskayformula.com/javascript.html
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
http://genskayformula.com/javascript.html
http://webgyry.info/chto-delaet-javascript-examples
|
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
| На этой страничке мы рассмотрим примеры использования сценариев JavaScript в математике. Первый сценарий поможет нам вычислить площадь круга по введенному значению радиуса.
|
The basic of WWW programming.
JS and Java
Studying and teachingLink Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java
Studying and teachingLink Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java
Studying and teachingLink Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
По окончании курса Вы сможете:
Верстать WEB-страницы с использованием технологий HTML5/CCS3 + JavaScript;
Создавать сайты и порталы при помощи CMS;
Создавать темы для CMS;
Размещать сайт в интернете
Выполнять базовую настройку WEB-сервера для работы сайта;
Заниматься WEB-разработкой на PHP/MySQL;
Заниматься доработкой WEB-проектов на PHP/MySQL;
Принципы SEO и продвижения сайта в поисковых системах;
Способы SEO раскрутки проектов;
Программирование с использованием языка программирования Java Script и библиотеки jQuery.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teaching
Geo:Dnepr&NMAULink Organization Lessons
|
WWW+Programming
ПРОГРАМА КУРСУ
В процесі курсу ми поговоримо про:
Історію та найновіші тренди у веб розробці
Як працює Інтернет та веб браузери
В чому різниця між client-side та server-side розробкою
Специфіку роботи front-end розробника
Середовища розробки
HTML/CSS/Javascript, як базові мови веб програмування та навчимося писати простенькі додатки з їх допомогою
А також ознайомимось з найпопулярнішою веб бібліотекою – jQuery
|
The basic of WWW programming.
HTML
CSS
JS and Java
Studying and teachingLink Lessons
|
WWW+Programming
JavaScript
Заполнение форм
Защита информации
Использование заголовка и строки статуса в браузере
Календари и часы, таймеры
Кнопки
Музыка, фоновый звук.
Небольшие скрипты (печать, браузеры, избраное, css и д.р.)
Окна (дополнительные)
Оформление курсора
Оформление ссылок
Передвижение объектов и слов
Подсказки и комментарии
Слайд шоу и презентации
|
JS and Java Link
|
WWW+Programming
JavaScript - предназначен для написания сценариев для активных HTML-страниц. Язык JavaScript не имеет никакого отношения к языку Java. Java разработан фирмой SUN. JavaScript – фирмой Netscape Communication Corporation. Первоначальное название – LiveScript. После завоевания языком Java всемирной известности LiveScript из коммерческих соображений переименовали в JavaScript.
JavaScript не предназначен для создания автономных приложений. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки этого документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состоятия документа или окна.
|
JS and Java
Studying and teachingLink
|
WWW+Programming
JS and Java
Studying and teachingLink
|
WWW+Programming
Модуль 1. Введение в JavaScript, основные сведения, синтаксис
Краткая история JavaScript, текущая версия (1.5)
Внедрение сценариев в HTML
Синтаксис, зарезервированные слова
Понятие операторов
Практика: Первый сценарий
Понятие переменной, литерала
Классификация типов данных, оператор typeof
Краткое описание всех типов данных
Глобальный объект
Тривиальные типы данных null, undefined
Базовые типы String, Number, Boolen
Работа с числами — объект Math, функции (методы глобального объекта) parseInt(), parseFloat()
Практика: Изучение методов экземпляров String
Практика: Изучение методов экземпляров Number, методов глобального объекта и объекта Math
Модуль 2. Инструкции и функции
|
Модуль 3. Массивы и объекты
Модуль 4. Регулярные выражения и даты
Модуль 5. Глобальный объект Window
Модуль 6. Объект Document, базовая модель событий
Модуль 7. Отдельные HTML элементы и работа с ними
Модуль 8. Объектная модель документа (DOM)
Модуль 9. Модель событий в объектной модели документа
Модуль 10. Основы использования библиотеки jQuery
Модуль 11. Асинхронное программирование в JavaScript:
Модуль 12. Model-View-Controller библиотеки (frameworks) для JavaScript:
Модуль 13. JavaScript -инструменты:
Модуль 14. Будущее JavaScript:
|
The basic of WWW programming.
JS and Java
Studying and teaching
Geo:Dnepr&NMAULink
|
WWW+Programming
Программа курса:
Тема 1. Подготовка рабочего места веб-программиста
Тема 2. HTML и CSS
Использование HTML для создания веб-страниц
Использование CSS для формирования дизайна веб-страниц
Экранные формы и их обработка
Тема 3. Основы JavaScript
Тема 4. Основы jQuery
Тема 5. Основы SQL
|
Тема 6. Основы PHP
Базовый синтаксис. Смешивание PHP кода и HTML элементов на одной странице.
Переменные и типы данных PHP. Константы. Выражения. Комментарии.
Использование одинарных и двойных кавычек при работе со строками. Парсирование PHP-переменных в строковых выражениях.
Операторы PHP. Операторы управления.
Функции. Назначение, библиотека стандартных функций. Разработка пользовательских функций.
Строковые функции PHP
Функции PHP по работе с датой / временем
Функции PHP по работе с файлами
Тема 7. Основы Объектно-Ориентированного Программирования в PHPТема 8. Работа с базами данных в PHP
Тема 9. Программирование списков
Тема 10. Программирование функциональности просмотра деталей данных
Тема 11. Программирование формы добавления нового элемента
Тема 12. Программирование формы редактирования данных существующего элемента
Тема 13. Объединение форм добавления нового элемента и редактирования данных существующего элемента
Тема 14. Программирование фильтров в списках
Тема 15. Специальные возможности PHP
Тема 16. Основы организации веб-узлов
Тема 17. Безопасность веб-узлов
Практика 1. Создания сайта при помощи HTML+CSS+PHP+MySQL
Практика 2. Создание интернет магазина - практические занятия
|
The basic of WWW programming.
HTML
PHP
SQL
JS and Java
Studying and teaching
Geo:Dnepr&NMAULink
|
WWW+Programming
Два мира, две системы
Возможно, некоторые из наших молодых коллег ни-
когда не слышали фразы, вынесенной в заголовок этого
пункта. Оно и к лучшему. Но в любом случае речь пой-
дет не об оригинальном смысле этого штампа советской
пропаганды, а о двух мирах web-программирования —
клиентском и серверном.
Слышали ли вы когда-нибудь такие программистские
термины — “сторона клиента” и “сторона сервера”? Не
исключено, что слышали, например, в таком контексте:
“скрипт работает на стороне клиента” (или “…сервера”).
Хотите узнать, что имеется в виду?
Сторона клиента — это компьютер клиента, пользо-
вателя. Тот самый компьютер, за которым сидит поль-
зователь, когда работает в Интернете. Еще более узко,
сторона клиента — это браузер пользователя. В целях
безопасности мир браузера частично отстранен от мира
клиентского компьютера, и скрипты (программы), вы-
полняющиеся в браузере, имеют ограниченный доступ
к файловой системе.
|
На каких языках можно программировать на сторо-
не клиента? Прежде всего, конечно, на “эсперанто” всех
браузеров — языке Javascript. Программированию на
Javascript посвящено немало хороших книг, среди ко-
торых есть настоящий шедевр А.А. Дуванова, который
(что мне особенно приятно!) впервые был опубликован
в “Информатике” [1].
Основное назначение Javascript — манипулирование
объектами браузера, посредством которого можно как
реализовывать достаточно сложные интерактивные сце-
нарии, так и просто облегчать себе жизнь при решении
рутинных задач.
Рассмотрим простой пример. Допустим, вам требует-
ся поместить на страницу набившую оскомину таблицу
перевода чисел (к примеру, в диапазоне от 0 до 256) из
десятичной в двоичную и шестнадцатеричную системы
счисления
|
The basic of WWW programming.
JS and Java
Studying and teachingLink
|
WWW+Programming
HTML
CSS
JS and Java
Studying and teachingLink
|
WWW+Programming
JS and Java Link to video(lessons and others)
|
WWW+Programming
JS and Java Link to video(lessons and others) Lessons
|
WWW+Programming
добре знає PHP / MySQL;
має досвід в роботі з JS і фреймворками (переважно jQuery);
Плюсом буде:
наявність досвіду в роботі з open-source CMS (Joomla, Drupal, WordPress і т.д.);
досвід використання PHP-фреймворку Yii, Symfony (або інших популярних);
наявність якісних, завершених проектів;
Обов\'язки:
розробка корпоративних і промо сайтів;
розробка інтернет-магазинів / ecommerce платформ та мікро інвестування;
інші завдання веб-розробки, що передбачають знання PHP і SQL;
Умови роботи:
гідна заробітна платня;
оплачуваний випробувальний термін - 3 місяці;
оплачувана відпустка;
зручний графік роботи;
Yonchi Rusyn
CEO at navidesign.com.ua
Вакансия опубликована 29 мая 2017.
|
PHP
SQL
JS and Java
Program producingLink
|
WWW+Programming
JS and Java Link
|
WWW+Programming
https://www.udacity.com/
https://developer.android.com/studio/index.html
|
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
https://habrahabr.ru/post/164853/
ы не уточнили, на каком языке вас интересуют книги. Если смотреть только в сторону переведенных книг, то тройка лучших будет (а я прочитал практически все имеющиеся на русском): Программирование под Android (Медникс, Дорнин, Мик, Накамура), Android 2. Программирование приложение (Р.Майер) и Android за 24 часа (Дэрси, Кондер).
Ну и мои уроки developer.alexanderklimov.ru/android (новички меня благодарят за понятность). Не сочтите за рекламу.
https://habrahabr.ru/post/164853/
|
JS and Java Link
|
WWW+Programming
сегодня мы создадим простецкий тест и как всегда в конце статьи будет Demo пример.
Итак, давайте сначала разберем структуру нашего теста..
Из чего состоит тест?
Наш тест будет посвящен знанию английских слов, а именно – он будет содержать один вопрос (слово, требующее перевода) и четыре (4) варианта ответа.
Для того, чтобы ответить, достаточно будет нажать на желаемый вариант ответа.
Для примера, я составил тест из четырех вопросов, а значит, что должно быть и 4 варианта ответов..
Итого – потребуется:
4 вопроса
4 * 4 = 16 вариантов возможных ответов
4 варианта правильных ответов
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
текстовый файл
JS and Java Link
|
WWW+Programming
текстовый файл
JS and Java MY TEXTS + MY PROGRAMMS Lessons
|
WWW+Programming
| JavaScript Решает 27. Книжная полка на JS (1 части)
|
CSS
JS and Java Link Link to video(lessons and others)
|
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
|
WWW+Programming
| https://www.codeconquest.com/what-is-coding/web-programming/
|
| Web programming, also known as web development, is the creation of dynamic web applications. Examples of web applications are social networking sites like Facebook or e-commerce sites like Amazon.
|
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
| https://www.intuit.ru/studies/courses/2336/636/info
|
| Перспективные технологии и языки веб-разработки
|
The basic of WWW programming.
JS and Java Link Lessons
|
WWW+Programming
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| http://www.softportal.com/software-42866-uchim-javascript.html
|
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
| HTML5 CSS3 JavaScript Databases Git & GitHub Node.js React.js D3.js
|
The basic of WWW programming.
HTML
CSS
SQL
JS and Java Lessons
|
WWW+Programming
| Веб стек.Стек представляет собой комбинацию технологии или компонентов, необходимых для доставки полностью функционирующего веб-сайта.
|
| Кодирования клиентской стороны. HTML (Hypertext Markup Language), CSS (каскадные таблицы стилей) и JavaScript являются необходимыми компонентами для сайта. Вы не можете построить современный веб-сайт без этих компонентов, и веб-разработчик должен быть экспертом во всех трех языках. Что они делают? Для определения простыми словами: HTML является языком, который составляет содержание сайта и передает браузерам (например, Internet Explorer или Google Chrome), что нужно показать на сайте. CSS это язык, используемый для описания представления (внешний вид и форматирование) сайта, и он передает браузеру, что показать на сайте. JavaScript это язык программирования обычно используется для создания интерактивных эффектов внутри веб-браузеров.Технология клиентская сторона (на стороне клиента). На стороне клиента означает, что когда вы переходите на сайт, ваш браузер загружает HTML, CSS и JavaScript. В этот момент ваш браузер предоставляет (или обрабатывает) HTML и CSS и выполняет (или запускает) JavaScript. Это происходит на вашем компьютере, поэтому, эти технологии называются «на стороне клиента».родуктом Microsoft, который требует наличия лицензии. Нижний (фундамент) слой сайта, что в конечном счете "делает всю работу" является операционная система работающей на физическом сервере компьютера. Для большинства сайтов есть две базовые операционные системы: Linux и Microsoft Windows.
|
The basic of WWW programming.
HTML
CSS
PHP
SQL
JS and Java
Studying and teachingLink Lessons
|
WWW+Programming
| АВТОРСКИЙ КУРС FULL FRONT-END - HTML, CSS, JavaScript, Frameworks
|
| Структура документа HTML - HTML5/CSS3 Основы HTML 4 часа интаксис списки ссылки формы таблицы типография escape-последовательности код-стайл
|
The basic of WWW programming.
HTML
CSS
JS and Java
Studying and teaching
Geo:Dnepr&NMAULink Lessons
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
HTML
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
| В этой главе даются основы серверной функциональности и различия между клиентским и серверным JavaScript. Здесь показано, как внедрять серверный JavaScript в HTML-файлы. Обсуждается, что происходит во время прогона программы на клиенте и на сервере, чтобы Вы могли разобраться во всём этом. В главе описано, как использовать JavaScript для изменения HTML-страницы, отправляемой клиенту, и, наконец, как распределить информацию между серверными и клиентскими процессами. В главе имеются следующие разделы
|
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
| это язык программирования, который даёт возможность реализовывать сложное поведение веб-страницы. Каждый раз, когда вы видите веб-страницу, она не только отображает статическое содержимое, но и делает большее - своевременно отображает обновление контента, выводит интерактивные карты, 2D/3D анимацию, прокручивает видео и т.д. - будьте уверены, здесь не обошлось без JavaScript
|
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
PHP
JS and Java Link
|
WWW+Programming
PHP
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
JS and Java Link
|
WWW+Programming
The basic of programming
JS and Java Link
|
WWW+Programming
текстовый файл| Аби навчання React було ефективним, попрактикуємось у розробці застосунків: використовуватимемо продуктовий кейс із реалістичними задачами та потребами. Розберемося в найефективніших підходах до розв'язання проблем, з якими може стикатися фронтенд розробник. Сформуємо інтуїтивне розуміння архітектурних патернів, що стане фундаментом і під час розробки з React, і під час подальшої роботи з іншим фреймворком.Базові поняття — Функціональний підхід та декларативність у розробці GUI.— Компоненти, JSX.— Виведення даних, обробка DOM подій.— Робота зі станом, рендер компонентів.— Взаємодія з браузерними API.— Використання бандлера Vite для швидкого старту проєкту.Клієнт-серверна комунікація— Синхронізація із зовнішніми джерелами даних.— Асинхронні стани UI та їх реалізація з Suspense і ErrorBoundary.— Нормалізація та мемоізація зовнішніх даних.Архітектура застосунку — Декомпозиція компонентів, композиційні патерни.— Патерни та антипатерни роботи зі станом.— Бібліотеки для керування станом: скінченні автомати, редюсери, атоми, сигнали.— Розробка компонентів в ізоляції за допомогою Storybook.— Структура директорій застосунку.Екосистема— Роутинг із використанням react-router.
|
| — Робота з формами, бібліотека react-hook-form.— Ефективна робота з API за допомогою react-query.— Принципи анімації в React з css-transition-group, framer-motion.— Unit тестування компонентів, react-testing-library.Оптимізація— Причини низької швидкодії react застосунку.— Інструменти для вимірювання швидкості завантаження та рендеру.— Використання вбудованих можливостей React для пришвидшення застосунку.
|
The basic of programming
JS and Java Link
|
WWW+Programming
The basic of WWW programming.
JS and Java
OTHERS PROGRAMMING & SEARCH WORKLink to video(lessons and others)
|
WWW+Programming
The basic of programming
JS and Java
Studying and teachingLink Organization Lessons
|
WWW+Programming
текстовый файл
The basic of programming
HTML
CSS
JS and Java
Company, organization&Government company, organizationLink to video(lessons and others)
|
WWW+Programming
текстовый файл
The basic of WWW programming.
HTML
CSS
JS and Java
Studying and teachingLink to video(lessons and others)
|
WWW+Programming
текстовый файл
HTML
CSS
JS and Java Link MY TEXTS + MY PROGRAMMS
|
WWW+Programming
текстовый файл
JS and Java
Studying and teachingLink MY TEXTS + MY PROGRAMMS
|
|