SKILLS

Ver más

WEB-Тема1

por WEB 1

ПЕДАГОГИЧЕСКИЙ ДИЗАЙН СОЦИАЛЬНОЙ СЕТИ SCRATCH

por Яна Рыбалкина

seryogina.ru 1

por Lydia Seryogina

Шульпин Иван Васильевич

por Команда 8 класса "Восьмое чудо света"

SKILLS

Ссылки на онлайн-курсы и платформы для обучения.

• Udemy
• Udacity
• Coursera
• Codecademy
• CodeSchool
• KhanAcademy

Это — книги «на все времена». Лучшие в своем роде и важные для программистов любых направлений.

• Жизнь:
• Цель. Процесс непрерывного совершенствования (Элия М. Гольдратт, Джеф Кокс)
• Идеальный программист. Как стать профессионалом разработки ПО (Роберт К. Мартин)
• Джоэл о программировании (Джоэл Х. Спольски)
• Джоэл и снова о программировании (Джоэл Х. Спольски)
• Архитектура компьютера:
• Код. Тайный язык информатики (Чарльз Петцольд)
• Программирование:
• Структура и интерпретация компьютерных программ (Харольд Абельсон, Джеральд Джей Сассман)
• Алгоритмы. Вводный курс (Томас Х. Кормен)
• Совершенный код (Стив Макконнелл)
• Чистый код: создание, анализ и рефакторинг (Роберт Мартин)
• Рефакторинг. Улучшение существующего кода (Мартин Фаулер)
• Операционные системы:
• Операционная система UNIX (Андрей Робачевский, Сергей Немнюгин, Ольга Стесик)
• Руководство администратора Linux (Эви Немет, Гарт Снайдер, Трент Р. Хейн)
• Люди:
• Человеческий фактор. Успешные проекты и команды (Том ДеМарко, Тимоти Листер)
• Мифический человеко-месяц, или Как создаются программные системы (Хилл Чапел, Фредерик Брукс)
• Как сдвинуть гору Фудзи? Подходы ведущих мировых компаний к поиску талантов (Уильям Паундстоун)

старт

Направления

Статьи и Книги [dailycoding.io]

Front-end

hard_map_skills_on_git

реализация отложенных вызовов функций в момент асинхронных событий Q и объект для отложенных и асинхронных вычислений Promise.

дополнительные скриптовые языки

docker

понимание принципов usability

CI

среднее знания бэкенд технологий

canvas, svg

Прогрессивные Web приложения

Using Dev Tools

Service Workers

Storage

JavaScript паттернс

уязвимости XSS, CSRF/XSRF

CSS and JS

CSS Modules

preprocessors (sass)

Статические генераторы сайтов

Gatsby JS

Functional

Integration

Unit

выбор фраемворка (vue)

Vuex

инструменты сборки

линтер и форматтеры (ESLint)

module bundlers (webpack)

task runners (npm scripts)

базовое конфигурирование веб-сервера, чтобы запустить свою статику: Apache2, Nginx;

менеджеры пакетов (npm)

html, css, java-script-основы

DevOps

Кратко

Микросервисы

Аркестровка

Kubernetes

Consul

Мониторинг

Мониторинг Приложений

Управление логами

ELK

Контернизация

Docker Swarm

Docker compos

git example

CI/CD

AWS

Circle CI

Сеть и безопасность

SSL/TLS

FTP

HTTPS

DNS

администрирование ОС

понимание концепций ОС

процессы, потоки, сокеты

Базовые знания скриптового языка

Back-end

# Батарейки

Admin notify

Django Storage

ETL-процессы

OLAP

Service Providers

Amazon

Дополнительно

Big Data

Nodejs

Нейронные сети и компьютерное зрение

Обработка изображений

SOAP

Static Analysis

Profilling

WebSocket

сборка пакета

Поисковый движок

Sphinx

ElasticSearch

Message Brokers

RabbitMq

rabbitmq-delayed-message-exchange

Реактивное программирование

GraphQL

Ассинхронное программирование

aiohttp

Методологии Аутентификации / Авторизации

Фраемворк

Flask

DJANGO

Database

Key/Value

Redis

Document Store

MongoDB

Relational

Докумнтирование

Pelican

Swagger

API PLugins

Geolocation

Maxmind

Mapping

Leaflet

MapBox

Google Maps

Tagging

Google Tag Manager

Analytics

WebTrands

тестирование

автоматизированное тестирование Selenium Python

интеграционные

модульные

Тестирование ПО: Базовый уровень

pytest

Cтандарты и best практик (PEP)

REST API

Базы данных

https://stepik.org/course/2614

CRUD, JOIN

Postgres

Web серверы

Nginx

Алгоритмы: теория и практика. Методы

python

• дескрипторы
• зачем нужен GIL
• WSGI
• генераторы и итераторы
• алгоритм импорта модулей
• Str vs Unicode

Дополнительные материалы

MinMap Python

http://pythontutor.ru/

• Удобный визуализатор
• Не нужно ничего устанавливать на компьютер: пишите и исполняйте код прямо в браузере
• Отлаживайте код по шагам и смотрите за значениями переменных
• Проверяйте правильность решения на разных входных и выходных данных
• Визуализатор переводит и объясняет ошибки в программах
• После решения задачи ознакомьтесь с образцовым решением

https://www.coursera.org/learn/diving-in-python

Логирование

DatabaseDeveloper

postgres pro

mind map

курс

Паттерны проектрования БД

Общие принципы

ключи

избыточность

нормализация

Балансировщики, репликация, PIT бэкапы

Тестирование

pgtap

FTS, триграммы, plproxy

Специфики архитектуры и функционирования БД;

Безопасности, касающихся доступа к БД;

Типов СУБД.

Языка моделирования UML;

Универсального языка разметки XML;

Языков запросов к БД ( SQL и пр.);

Проектирование, настройка, администрирование и оптимизация БД

QA Engener

http://www.protesting.ru/testing/

https://www.xmind.net/m/s3Nt/

check лист тестирования web-service

EasyQA Chrome Extension позволяет создать баг репорт с вашего веб-сайта или веб-приложения, не тратя время на отправку информации,помогает в кратчайший срок начать работу по исправлению бага.

Бета-тестирование

Бета-тестирование – заключительная предварительная стадия тестирования. Как правило, это делают конечные пользователи, которые не являются сотрудниками компании.При бета-тестировании ваш сайт попадает в руки реальных пользователей , чтобы обнаружить любые недостатки с их точки зрения, которые вы не хотели бы иметь в своей окончательной, релизной версии.

Такие инструменты, как

Ubertesters

 TestFlight

Тестирование мобильной версии сайта

несколько советов для того, чтобы сделать эфективным тестирование сайта на мобильных устройствах:

• Проверьте совместимость со смартфонами и планшетами
• Убедитесь, что навигация по сайту максимально проста
• Оптимизируйте время загрузки вашего сайта
• Убедитесь, что кнопки имеют достаточный размер для людей с большим пальцем
• Оптимизируйте размер всех изображений
• Не используйте Flash и всплывающие окна
• Используйте маркеры и короткие предложения
• Убедитесь, что ваш номер телефона может быть набран с помощью одного клика
• Убедитесь, что веб-сайт может получить доступ к вашему местоположению через GPS

Полезные инструменты для тестирования мобильной версии сайта – 

BrowserStack

.

Регрессивное тестирование

Тестирование, связанное с изменениями, имеет две основные цели:

• Убедиться в том, что все обнаруженные баги действительно успешно исправлены (повторное тестирование или подтверждающее тестирование). Проще говоря, вы должны запустить тест кейсы, с изначально обнаруженными багами, и на этот раз они исполняются без каких-либо проблем.
• Убедиться в том, что не возникли новые баги изменений (регрессионное тестирование). Помимо тест кейсов с обнаруженными багами, оно также содержит тест кейсы, проверяющие все функциональные возможности вашего сайта

Selenium

Postman

Тестирование безопасности

Тестирование безопасности выполняется для проверки системы защиты данных и поддержки функционала.

Вы можете имитировать атаку вредоносного источника, чтобы оценить уровень безопасности вашего сайта (тестирование проникновения).

Другой тип тестирования безопасности, тестирование уязвимости, позволяет оценить общий объем вовлеченных рисков.

Некоторые проверки для тестирования безопасности:

• Обеспечить невозможность несанкционированного доступа к защищенным страницам
• Автоматическое прекращение проверки сеансов после длительного простоя пользователя
• Тестирование функций безопасности SSL
• Все попытки взлома, сообщения об ошибках и т. п. должны регистрироваться и сохраняться в отдельном файле для дальнейшего анализа.
• Проверьте работу captcha с помощью автоматических скриптов
• Убедитесь, что файлы с ограниченным доступом не загружаются без соответствующего разрешения
• Убедитесь, что при вводе неправильного пароля или имени пользователя нет возможности входа в систему

https://securityheaders.com

Тестирование производительности

Тестирование производительности предназначено для определения того, как система работает с точки зрения оперативности и стабильности при определенной нагрузке. Сайт должен выдерживать высокие нагрузки.

Полезные инструменты для тестирования производительности: 

Apache JMeter

WebLOAD

Gatling

Тестирование скорости загрузки страницы

тестирование на выносливость

Тестирование поведения сайта при непрерывной дополнительной нагрузке

тестирование параллелизма

Тестирование производительности веб-сайта, при одновременной логинизации большого количества пользователей

тестирование стабильности

Тестирование способности работать в течение или чуть дольше приемлемого периода

объёмное тестирование

Тестирование производительности веб-сайта за счет увеличения объема данных в базе данных

нагрузочное тестирование

Тестирование поведения сайта при увеличении рабочей нагрузки

стресс-тестирование

Тестирование поведения сайта на уровне или за пределами его ожидаемой рабочей нагрузки

Тестирование совместимости

Тестирование совместимости выполняется для проверки работы сайта при различных программных и аппаратных конфигурациях:

• Конфигурация операционной системы
• Конфигурация браузера
• Конфигурация базы данных

Вы можете использовать такие инструменты как 

BrowserStack

Совместимость опций печати

Тестирование баз данных

Кросс-браузерное тестирование сайта

помогает проверить правильность работы сайта в разных конфигурациях браузера: Mozilla Firefox, Google Chrome, Internet Explorer, Opera и т. п.

Кросс-платформенное тестирование сайта

позволяет оценивать работу вашего сайта при разных ОС (как десктопных, так и мобильных): Windows, iOS / Mac OS, Linux, Android, BlackBerry и т. д.

Тестирование UI

Тестирование интерфейса пользователя (UI) выполняется для проверки соответствия графического пользовательского интерфейса вашего сайта спецификациям.

Вот некоторые проверки для тестирования интерфейса веб-сайта:

• Соответствие стандартам графических интерфейсов
• Оценка элементов дизайна: макет, цвета, шрифты, размеры шрифтов, ярлыки, текстовые поля, форматирование текста, титры, кнопки, списки, значки, ссылки
• Тестирование с различными разрешениями экрана
• Тестирование локализированных версий: точность перевода, проверка длины имен элементов интерфейса и т. п.
• Тестирование графического интерфейса пользователя на целевых устройствах: смартфоны и планшеты.
• 
  

Полезные инструменты для UI тестирования: 

FitNesse

Usability тестирование сайта

Usability тестирование предназначено для оценки вашей веб-страницы с точки зрения конечного пользователя. Это помогает определить соответствие продукта ожиданиям пользователей, выявляет проблемные места в интерфейсе.

Полезные инструменты для usability тестирования: 

User Zoom,

Reflector,

Чек-лист тестирования контента:

• Отсутствуют грамматические, орфографические ошибки
• Изображения имеют соответствующие размеры и размещены правильно
• Проверьте оптимизацию цветовой палитры сайта и размеры шрифтов
• Контент должен быть информативным, понятным, структурированным и логически связанным
• Инструкции ясны и содержат правильную информацию

Навигационное тестирование сайта

Навигационное тестирование сайта содержит следующие проверки:

• Все страницы сайта понятны и просты в использовании.
• Кнопки, формы и поля удобны для использования.
• Доступ к главному меню осуществляется со всех страниц.

Функциональное тестирование сайта

Функциональное тестирование направлено на то, чтобы каждая функция веб-сайта работала в соответствии с требованиями спецификации. Тестирование функциональности веб-сайта показывает «Что делает система».

Полезные инструменты для проведения функционального тестирования: 

Selenium

HTML / CSS валидация

Проверить

• Синтаксические ошибки HTML
• Убедитесь, что сайт доступен для поисковых машин.
• Убедитесь, что ваша веб-страница имеет точную карту сайта в формате XML и HTML

Тестирование cookies / JWT - токен

Cookies представляют собой небольшие файлы, которые хранятся на компьютере пользователя после посещения веб-страницы.

• Проверьте сайт с отключенными cookies
• Проверьте сайт с включенными cookies
• Убедитесь, что файлы cookies зашифрованы перед записью на компьютер пользователя
• Проверьте аспекты безопасности при удалении файлов cookies.
• Если cookies имеют продолжительность действия, то следует проверить, активны ли они в указанный период времени.

Тестирование форм для всех страниц

необходимо проверить следующие моменты:

• Действительность входных данных
• Допустимые значения для поля данных
• Недопустимые входные значения для поля данных
• Параметры форм, в которых возможно удаление или любая другая модификация данных.

тестирование веб ссылок

Проверить

• Исходящие ссылки
• Корректность внутренних ссылок
• Отстутствие ссылок, ведущих к одной странице
• Ссылки, которые используются для отправки электронной почты админам сайта
• Есть ли страницы, на которые не указаны ссылки
• Отсутствие неработающих ссылок

Тестирование документации

Мы должны начать с подготовительного этапа, анализируя документацию. Тестер изучает полученную документацию (анализирует определенную функциональность сайта, готовит план дальнейшего тестирования).

На этом этапе анализируются основные артефакты, связанные с тестированием веб-сайта:

• Требования
• План тестирования
• Тест кейсы
• Матрица соответствий

study learning

Junior

Middle

Senior

тестирование производительности

yandex tank

Apache Jmeter

Jenkins

тестирование безопасности

проведение тест анализа

определять, что именно будет протестировано, формировать условия тестирования.

Docker

этапы тестирования

тестирование REST/RPC API

автоматизация тестирвания

Selenium

usability тестирование

функциональное тестирование

• корректность работы главных функций сайта;
• переход по ссылкам;
• проверка пользовательских форм (валидация полей, обязательные/необязательные поля, уведомления об ошибках при неверном вводе, добавление комментариев в блог, обратная связь);
• поиск ;
• сверка переданного заказчиком контента с имеющимся на сайте;
• проверка возможной авторизации/регистрации;
• добавление, удаление и редактирование данных пользователей, данных.

разработка тест-кейсов

составление check-листов

этапы тестирования

регрессивное тестирование

Использует технику тестирования черного ящика (повторное выполнение тестов), на которые влияют изменения кода. Эти тесты должны выполняться как можно чаще в течение всего ЖЦПО при изменениях кода для исправления дефектов или для улучшения работы веб-приложения.

Практические советы вам:

• Перед тем, как приступить к тестированию необходимо обсудить все важные детали с командой (BA, PM, разработчики).
• Использовать обширный подход с применением техник тест-анализа и набора методик тест-дизайна.
• Определить виды тестирования, которые необходимо провести.
• Определить цели и ключевых пользователей веб-приложения.
• Списки устройств, ОС и браузеров, на которых необходимо провести тестирование.
• Доступ для разных ролей посетителей.
• Необходимость составления и передачи документации.

тестирование верстки

доступность или отсутствие ошибок js

тестирование локализации

404-е ошибки

корректная работа верстки

визуальная часть

тестирование совместимости

мобильное представление

кросс браузерное

кросс платформенное

ручное тестирование

работа с логами Unix-сестем

MockServer

Postman

инструменты тестирования вёрстки (pixel perfect).

значение баг-трекинг систем и управление тестами

YouTrack

Архитектор

Контроль за архитектурой проекта, на каждом шаге его релиза

Написание документации проекта и её поддержка

Выбор технологий для реализации каждого из компонентов и связей между этими компонентами

Выбор архитектуры системы, и каждого компонента этой системы в отдельности на высоком уровне

Проектирование всей системы, основываясь на выдвинутых требованиях

https://habr.com/ru/post/501406/

Определение бизнес-требований и требований заказчика проекта

Определение заинтересованных лиц данного проекта

Создание единого стандарта разработки для компании

Анализ кода

Анализ архитектуры.

Паттерны/Антипаттерны проектирования

Стек технолгий

Архитектура компьютера и принципы работы сети Интернет

• поток
• процесс
• сокет
• стек протоколов TCP/IP

Код. Тайный язык информатики (Чарльз Петцольд)

базовые знания SQL

Английский язык

Полезные ресурсы:

• Duolingo
• Lingualeo
• Babadum
• Anki
• Techrocks очень много статей переведенных с английского
• English e-Reader адаптированные книги на английском
• British council очень много полезной и структурированной информации для изучения
• Jazz chants тренировка темпа и скорости речи, чтобы звучать более естественно
• Engoo Daily news статьи на английском с разбивкой по уровням
• YouGlish поиск произношения слова или короткой фразы в Youtube

Система управления версиями

Нужно уметь работать с Git. Создавать репозитории, сливать ветки и разрешать конфликты.

Поможет в этом:

• Git. Быстрый старт
• How to Use Git and GitHub
• Git за 15 минут
• Скринкаст по GIT

Паттерны программирования

Шаблон проектирования - это повторяемая архитектурная конструкция в коде. Нужно знать какие бывают шаблоны, и какие задачи они решают. Не стоит бездумно применять шаблоны, нужно понимать где это действительно нужно.

• Паттерны проектирования
• Design Patterns for Humans
• Приёмы объектно-ориентированного проектирования. Паттерны проектирования. "Банда четырёх": Эрих Гамма, Ричард Хелм, Ральф Джонсон, Джон Влиссидес

Алгоритмы

Нужно уметь оценивать сложность алгоритмов и знать где их применять.

• Оценка сложности алгоритма O(n), Ω(n), Θ(n)
• Сортировка
• Поиск подстроки в строке
• Обход и поиск в структурах данных

Структуры данных

основные структуры данных и различия между ними

Linux и работа с командной строкой

• Bash: Основы командной строки
• Linux Tutorial for Beginners
• Искусство командной строки
• Advanced Bash-Scripting Guide(на русском)