Используемое ПО

Чем зарядить свой компьютер для успешного обучения в школе
Здесь приведен перечень рекомендуемого программного обеспечения, которым должны быть оснащены компьютеры участников для эффективного обучения. Всё, что здесь перечислено и рекомендовано, по возможности, должно быть установлено и проверено дома заранее во-избежание возможных недоразумений.

Во время проведения занятий все учебные материалы будут выкладываться на наш Github.

Итак, по-порядку:

    1. HTML/CSS

  1. Редактор кода (дело вкуса — начнем обучение с самого простого и удобного):
      Notepad++; 
  2. Графический редактор — PaintNet; 
  3. Экранная линейка — Ruler; 
  4. Измеритель цвета пикселей — ColorPic; 
  5. Распределённая система контроля версий (пока не устанавливать, позже будет размещена информация по процессу установки) — Git; ;
  6. Валидность HTML-кода — Валидатор W3C; 
  7. Проверка уникальности текста на сайте— Siteliner; 
  8. Оптимизирована ли ваша страница для мобильных устройств— Mobile Friendly ; 
  9. Работа с изображениями: сжимает JPG и PNG — Сompressor ; 
  10. CSS генератор кнопок, градиентов, бордеров,теней трансформации, фона, анимаций — Сss3gen ; 
  11. Firefox ; 
  12. Google Chrome; 
    2. JavaScript

  1. Редактор кода —   Visual Studio Code
  2. Программная платформа —   Node.js
  3. Firefox ; 
  4. Google Chrome; 
    3. PHP

  1. XAMPP, самая популярная среда разработки для Web — Apache + MariaDB + PHP + Perl + инструменты; 
  2. Полнофункциональная интегрированная среда разработки (IDE) для приложений Android, iOS, Windows, веб- и облачных приложений Visual Studio 2019; 
  3. Полнофункциональная интегрированная среда разработки (IDE) fronend-разработки WebStorm; 
  4. Полнофункциональная интегрированная среда разработки (IDE) backend-разработки PHP Storm; 
  5. FTP-клиент — FileZilla; ;
  6. Клиент для работы с различными протоколами — Putty; ;
  7. Менеджер БД MYSQL — dbForce Studio Express; 
  8. Загрузите библиотеки и фреймворки:
    1. Bootstrap; 
    2. jQuery; 
  9. Браузеры для тестирования своих приложений:
    1. Firefox  
    2. Google Chrome; 

P.S.

  1. Обязательно заведите себе аккаунты на Яндексе и Github, если их ещё нет. Возможно, будем пользовать API Яндекса, а систему контроля версий будем пользовать однозначно.
  2. Интенсивные занятия требуют некоторой базовой подготовки. Что бы быть в курсе полного стека технологий рекомендую в оставшееся до выезда время прочитать хотя бы одну из следующих книг на "сон грядущий", все они очень приятны для восприятия:
    1. HTML 5 и CSS 3. Разработка сайта для любых браузеров; 
    2. Дэвид Скляр — Изучаем PHP 7; 
    3. А.Шевчук — jQuery учебник для начинающих; 
    4. Рекомендуем для самостоятельной работы при изучении Javascript
Menu
Social profiles
", // Email company_logo_url: "//hsem-events.susu.ru/dew/wp-content/uploads/sites/3/2019/07/hsem-icon-80x80.png", // URL of company logo (png, jpg, gif) greeting_message: "Здравствуйте! Отправьте нам сообщение через любой из мессенджеров.", // Text of greeting message call_to_action: "Пишите нам", // Call to action button_color: "#932C8B", // Color of button position: "right", // Position may be 'right' or 'left' order: "vkontakte,telegram,email", // Order of buttons }; var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })();