🗊Презентация Введение в программирование

Нажмите для полного просмотра!
Введение в программирование, слайд №1Введение в программирование, слайд №2Введение в программирование, слайд №3Введение в программирование, слайд №4Введение в программирование, слайд №5Введение в программирование, слайд №6Введение в программирование, слайд №7Введение в программирование, слайд №8Введение в программирование, слайд №9Введение в программирование, слайд №10Введение в программирование, слайд №11Введение в программирование, слайд №12Введение в программирование, слайд №13Введение в программирование, слайд №14Введение в программирование, слайд №15Введение в программирование, слайд №16Введение в программирование, слайд №17Введение в программирование, слайд №18Введение в программирование, слайд №19Введение в программирование, слайд №20Введение в программирование, слайд №21Введение в программирование, слайд №22Введение в программирование, слайд №23Введение в программирование, слайд №24Введение в программирование, слайд №25Введение в программирование, слайд №26Введение в программирование, слайд №27Введение в программирование, слайд №28Введение в программирование, слайд №29Введение в программирование, слайд №30Введение в программирование, слайд №31Введение в программирование, слайд №32Введение в программирование, слайд №33Введение в программирование, слайд №34Введение в программирование, слайд №35Введение в программирование, слайд №36

Содержание

Вы можете ознакомиться и скачать презентацию на тему Введение в программирование. Доклад-сообщение содержит 36 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Введение в Программирование
Описание слайда:
Введение в Программирование

Слайд 2





Сегодня
Введение в введение
О программировании в целом и web в частности
Как сделать сайт? И что для этого надо?
Первая программа
Основные конструкции языка
Описание слайда:
Сегодня Введение в введение О программировании в целом и web в частности Как сделать сайт? И что для этого надо? Первая программа Основные конструкции языка

Слайд 3





О чем этот курс?
О Javascript? - нет
О программировании? - да!
О любви к тому, что делаешь? - да!
Описание слайда:
О чем этот курс? О Javascript? - нет О программировании? - да! О любви к тому, что делаешь? - да!

Слайд 4


Введение в программирование, слайд №4
Описание слайда:

Слайд 5





Как создается программное обеспечение?
Описание слайда:
Как создается программное обеспечение?

Слайд 6


Введение в программирование, слайд №6
Описание слайда:

Слайд 7


Введение в программирование, слайд №7
Описание слайда:

Слайд 8





Программистов в команде много.
Что с того?
Особые методологии организации рабочего процесса
требования постоянно меняются
куча творческих людей
высокая конкурентность на рынке труда
Соглашения о стиле кодирования
Описание слайда:
Программистов в команде много. Что с того? Особые методологии организации рабочего процесса требования постоянно меняются куча творческих людей высокая конкурентность на рынке труда Соглашения о стиле кодирования

Слайд 9





Пример кода
/** @param {number} foo */
  method(foo) {
    if (condition(foo)) {
      try {
        // Note: this might fail.
        something();
      } catch (err) {
        recover();
      }
    }
  }
Описание слайда:
Пример кода /** @param {number} foo */ method(foo) { if (condition(foo)) { try { // Note: this might fail. something(); } catch (err) { recover(); } } }

Слайд 10





Вернемся в программирование
Описание слайда:
Вернемся в программирование

Слайд 11





Дадим слово Википедии
В программирование входят
анализ и постановка задачи, 
проектирование программы, 
построение алгоритмов, 
разработка структур данных,
 написание текстов программ, 
отладка и тестирование программы (испытания программы),
 документирование,
 настройка (конфигурирование), 
доработка и сопровождение.
Описание слайда:
Дадим слово Википедии В программирование входят анализ и постановка задачи, проектирование программы, построение алгоритмов, разработка структур данных, написание текстов программ, отладка и тестирование программы (испытания программы), документирование, настройка (конфигурирование), доработка и сопровождение.

Слайд 12


Введение в программирование, слайд №12
Описание слайда:

Слайд 13





Особенности веб-программирования
Разделение на frontend и backend
Большая нагрузка
Много данных
Сложная инфраструктура
Описание слайда:
Особенности веб-программирования Разделение на frontend и backend Большая нагрузка Много данных Сложная инфраструктура

Слайд 14


Введение в программирование, слайд №14
Описание слайда:

Слайд 15





Программист ставит себе на тумбочку перед сном два стакана. Один с водой - на случай, если захочет ночью пить. А второй пустой - на случай, если не захочет.
Описание слайда:
Программист ставит себе на тумбочку перед сном два стакана. Один с водой - на случай, если захочет ночью пить. А второй пустой - на случай, если не захочет.

Слайд 16





Что нужно чтобы сделать сайт?
Описание слайда:
Что нужно чтобы сделать сайт?

Слайд 17





Блокнот
Описание слайда:
Блокнот

Слайд 18


Введение в программирование, слайд №18
Описание слайда:

Слайд 19





<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
  <title>Мой Первый Сайт</title>
</head>
<body>
</body>
</html>
Описание слайда:
<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>Мой Первый Сайт</title> </head> <body> </body> </html>

Слайд 20





<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
  <title>Hello World!</title>
</head>
<body>
   <script>
       alert("Hello, World!");
   </script>
</body>
</html>
Описание слайда:
<!DOCTYPE html> <!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <script> alert("Hello, World!"); </script> </body> </html>

Слайд 21





Комментарии
<script>
   //Однострочный комментарий
   /*
       Многострочный комментарий
   */
</script>
Описание слайда:
Комментарии <script> //Однострочный комментарий /* Многострочный комментарий */ </script>

Слайд 22





Переменные
var name = "Строка"; //строковая переменная
var digit = 42; //числовая переменная
var isProgrammer = true; //логическая переменная
Описание слайда:
Переменные var name = "Строка"; //строковая переменная var digit = 42; //числовая переменная var isProgrammer = true; //логическая переменная

Слайд 23





Особенности выбора имени переменной
Должно соответствовать данным, содержащимися внутри
Нельзя начинать с цифры
Соглашение: именуем в camelCase
Регистр символов имеет значение
В JS типов переменных в разы больше, но пока нам нужны только эти 3.
Описание слайда:
Особенности выбора имени переменной Должно соответствовать данным, содержащимися внутри Нельзя начинать с цифры Соглашение: именуем в camelCase Регистр символов имеет значение В JS типов переменных в разы больше, но пока нам нужны только эти 3.

Слайд 24





Условные операторы
var isPasswordCorrect = true;
if (isPasswordCorrect) {
  alert("Hello!")
} else {
  alert("Error!");
}
Описание слайда:
Условные операторы var isPasswordCorrect = true; if (isPasswordCorrect) { alert("Hello!") } else { alert("Error!"); }

Слайд 25





Сравнения
var a = 5;
var b = 7;
alert(a < b);
alert(a > b);
alert(a >= b);
alert(a <= b);
alert(a == b);
alert(a != b);
Описание слайда:
Сравнения var a = 5; var b = 7; alert(a < b); alert(a > b); alert(a >= b); alert(a <= b); alert(a == b); alert(a != b);

Слайд 26





Взаимодействуем с пользователем
alert("Hello!"); //Выводим сообщение
prompt("Enter your name: ", ""); //Получаем данные пользователя
confirm("Вам больше 18?"); //Получаем данные пользователя (y/n)
var food = prompt("Введите название еды", "");
if (food == "Конфета") {
    alert("Я не ем сладкое");
} else {
    alert("Ом-ном-ном!");
}
Описание слайда:
Взаимодействуем с пользователем alert("Hello!"); //Выводим сообщение prompt("Enter your name: ", ""); //Получаем данные пользователя confirm("Вам больше 18?"); //Получаем данные пользователя (y/n) var food = prompt("Введите название еды", ""); if (food == "Конфета") { alert("Я не ем сладкое"); } else { alert("Ом-ном-ном!"); }

Слайд 27





Консоль
console.log("Hello, world!");
Описание слайда:
Консоль console.log("Hello, world!");

Слайд 28





Цикл While
while (true) {
  confirm("Уже приехали?");
}
Описание слайда:
Цикл While while (true) { confirm("Уже приехали?"); }

Слайд 29





Перебираем символы в строке
Описание слайда:
Перебираем символы в строке

Слайд 30





Версия 1. Создадим счетчик
var templateString = "HelloWorld#";
var counter = 0;
while (templateString[counter] != "#") {
  console.log(templateString[counter]);
  counter = counter + 1;
}
Описание слайда:
Версия 1. Создадим счетчик var templateString = "HelloWorld#"; var counter = 0; while (templateString[counter] != "#") { console.log(templateString[counter]); counter = counter + 1; }

Слайд 31





Вариант 2. Длина строки
var templateString = "HelloWorld";
var counter = 0;
while (counter < templateString.length - 1) {
  console.log(templateString[counter]);
  counter = counter + 1;
}
Описание слайда:
Вариант 2. Длина строки var templateString = "HelloWorld"; var counter = 0; while (counter < templateString.length - 1) { console.log(templateString[counter]); counter = counter + 1; }

Слайд 32





Вариант 3. Цикл for
var str = "HelloWorld";
for (var i = 0; i < str.length; i++) {
  console.log(str[i]);
}
Описание слайда:
Вариант 3. Цикл for var str = "HelloWorld"; for (var i = 0; i < str.length; i++) { console.log(str[i]); }

Слайд 33





Функции
function showMessage() {
  alert("Привет, Мир!");
}
showMessage();
Описание слайда:
Функции function showMessage() { alert("Привет, Мир!"); } showMessage();

Слайд 34





Параметры функции
function printHello(userName, greetingText){
  var message = greetingText + userName;
  console.log(message);
}
printHello("Alex", "Hello ");
Описание слайда:
Параметры функции function printHello(userName, greetingText){ var message = greetingText + userName; console.log(message); } printHello("Alex", "Hello ");

Слайд 35





Возвращаемые значения
function getAlexNameByAge(age){
  var name = "";
  if (age > 18) {
     name = "Алексей";
  } else {
     name = "Алёша";
  }
  return name;
}
var alexName = getAlexNameByAge(18);
printHello(alexName, "Hello, ");
Описание слайда:
Возвращаемые значения function getAlexNameByAge(age){ var name = ""; if (age > 18) { name = "Алексей"; } else { name = "Алёша"; } return name; } var alexName = getAlexNameByAge(18); printHello(alexName, "Hello, ");

Слайд 36





Что еще может пригодиться
*, /, +, -  - операции
% - остаток от деления
Описание слайда:
Что еще может пригодиться *, /, +, - - операции % - остаток от деления



Похожие презентации
Mypresentation.ru
Загрузить презентацию