Ruvds_переводы

1995

1. Создание JavaScript

1997

2. Выпуск стандарта ECMAScript

1999

3. В Internet Explorer появляется API XMLHTTP

2001

4. У JavaScript появляется собственный формат представления данных

2005

5. Сдвиг в сторону AJAX

2006

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

7. Выпуск библиотеки jQuery

2008

8. Создание JavaScript-движка V8

9. Выпуск первых инструментов разработчика, встроенных в браузер

2009

10. Проект CommonJS и попытка стандартизации JavaScript-модулей

11. Проект Node.js и бэкенд-разработка на JavaScript

12. Появление CoffeeScript синтаксического сахара для JavaScript

2010

13. У Node.js появляется первый менеджер пакетов

14. Состоялся первый выпуск Express

15. Появились первые современные MVC-фреймворки, основанные на JavaScript

2011

16. Ember.js и концепция соглашения превыше конфигурации

2012

17. Появление механизмов статической типизации, нацеленных на JavaScript-разработчиков

2013

18. Появление React

19. Проект Electron и разработка настольных приложений с использованием Node.js

2015

20. Выпуск стандарта ES2015/ES6

21. GraphQL становится альтернативой REST

22. Выход Node.js 4

2016

23. Появление менеджера пакетов Yarn

2019

24. Node + JS = OpenJS

2020

25. Первый выпуск Deno наделал много шума

Итоги

1. Для хранения изображений, имеющих маленькие размеры в пикселях, лучше всего подходит формат WebP

2. Формат AVIF, возможно, не очень хорошо подходит для хранения высокоэнтропийных изображений товаров

3. Формат JPEG 2000 это сильный конкурент AVIF

Итоги

Обзор проблем

• Нужно ли в такой ситуации обрезать текст?
• Нужно ли размещать текст в нескольких строках? Если да то каково максимальное количество таких строк?

Длинные тексты

Свойство overflow-wrap

.card {overflow-wrap: break-word;}

Свойство hyphens

.element {hyphens: auto;}

Обрезка однострочного текста

.element {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

Обрезка многострочного текста

.element {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

Вывод длинных текстов в полях, поддерживающих горизонтальную прокрутку

.code {overflow-x: auto;}

Свойство padding

Короткие тексты

Установка минимальной ширины элемента

Практические примеры

Карточка профиля пользователя

/* Решение 1 */.card__title {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/* Решение 2 */.card__title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

Навигационные элементы

.nav__item {min-width: 50px;}

Поле для вывода содержимого статей

.article-content p {overflow-wrap: break-word;}

Оформление виртуальной корзины для покупок

.product__name {margin-right: 1rem;}

Flexbox-макеты и вывод длинных текстов

<div class="user"><div class="user__meta"><h3 class="user__name">Ahmad Shadeed</h3></div><button class="btn">Follow</button></div>

.user {display: flex;align-items: flex-start;}.user__name {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.user__meta {/* другие стили */min-width: 0;}

Итоги

Исследование, продолжавшееся десять лет, подтвердило отсутствие связи между игрой в жестокие видеоигры в раннем подростковом возрасте и агрессивным поведением в дальнейшей жизни

Зачем использовать CSS Scroll Snap?

Основы работы с контейнерами, поддерживающими прокрутку

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

<div class="section"><div class="section__item">Item 1</div><div class="section__item">Item 2</div><div class="section__item">Item 3</div><div class="section__item">Item 4</div><div class="section__item">Item 5</div></div>

.section {white-space: nowrap;overflow-x: auto;}

.section {display: flex;overflow-x: auto;}

Проблема контейнеров, поддерживающих прокрутку содержимого

Знакомство с CSS Scroll Snap

<div class="section"><div class="section__item">Item 1</div><div class="section__item">Item 2</div><div class="section__item">Item 3</div><div class="section__item">Item 4</div><div class="section__item">Item 5</div></div>

.section {display: flex;overflow-x: auto;}

.section {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;}.section__item {scroll-snap-align: start;}

Свойство scroll-snap-type

Оси контейнера

/* Горизонтальная прокрутка */.section {display: flex;overflow-x: auto;scroll-snap-type: x;}/* Вертикальная прокрутка */.section {height: 250px;overflow-y: auto;scroll-snap-type: y;}

Настройка жёсткости привязки

.section {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;}.section__item {scroll-snap-align: start;}

.section {display: flex;overflow-x: auto;/* proximity - это значение, используемое по умолчанию, я описываю его лишь для того чтобы сделать изложение понятнее */scroll-snap-type: x proximity;}

Свойство scroll-snap-align

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

Привязка содержимого к центру контейнера

Привязка содержимого к концу контейнера

Использование свойства scroll-snap-stop

.section__item {scroll-snap-align: start;scroll-snap-stop: normal;}

.section__item {scroll-snap-align: start;scroll-snap-stop: always;}

Внутренние отступы и свойство scroll-padding

.section {overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding: 0 0 0 50px;}

.section {overflow-y: auto;scroll-snap-type: y mandatory;scroll-padding: 50px 0 0 0;}

Внешние отступы и свойство scroll-margin

Способы использования CSS Scroll Snap

Список изображений

.images-list {display: flex;overflow-x: auto;scroll-snap-type: x;gap: 1rem;-webkit-overflow-scrolling: touch; /* Важно для iOS-устройств */}.images-list img {scroll-snap-align: start;}

Список друзей

.list {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 1rem;scroll-padding: 48px;padding-bottom: 32px;-webkit-overflow-scrolling: touch;}.list-item {scroll-snap-align: start;}

Список аватаров

.list {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;}.list-item {scroll-snap-align: center;}

Список разделов, занимающих всю доступную высоту области просмотра страницы

<main><section class="section section-1"></section><section class="section section-2"></section><section class="section section-3"></section><section class="section section-4"></section><section class="section section-5"></section></main>

main {height: 100vh;overflow-y: auto;scroll-snap-type: y mandatory;-webkit-overflow-scrolling: touch;}.section {height: 100vh;scroll-snap-align: start;}

Значения inline и block свойства scroll-snap-type

main {scroll-snap-type: inline mandatory;}

Доступность

.wrapper {scroll-snap-type: y mandatory;}h2 {scroll-snap-align: start;}

generate --thing | sed 1000q | gronkulate

(generate --thing || true) | sed 1000q | gronkulate

Материалы

• Реле.
• Espressif ESP8266 ESP-01.
• Arduino UNO.
• Макетная плата.
• Блок питания для макетной платы.
• Гирлянда для ёлки.
• Соединительные провода.
• Отвёртка.

• Blynk.
• Google Assistant SDK.
• Сервис IFTTT Maker.
• Arduino IDE.

Обзор проекта

Настройка Blynk

Настройка IFTTT

ping blynk-cloud.com

http://только что полученный IP-адрес/Токен аутентификации проекта Blynk/pin/V0

["{{TextField}}"]

Код

#define BLYNK_PRINT Serial#define EspSerial Serial1#include <SoftwareSerial.h>#include <SPI.h>#include <ESP8266_Lib.h>#include <BlynkSimpleShieldEsp8266.h>// Токен аутентификации надо получить в приложении Blynk.char auth[] = "yourAuthToken";// Данные для подключения к WiFi.// Установите пароль в "" для открытых сетей.char ssid[] = "YourSSID";char pass[] = "YourPassword";SoftwareSerial EspSerial(2, 3); // RX, TX ESP8266String s;  // для хранения получаемых ключевых словBLYNK_WRITE(V0)   // будет запускаться каждый раз, когда приложение Blynk отправляет строку{s=param.asStr();Serial.print(s); //Строка, отправленная приложением Blynk, будет выведена в Serial Monitorif(s=="on"){digitalWrite(7, HIGH);    //Пин 7 установлен в setup()}else if(s=="off"){digitalWrite(7, LOW);}else{Serial.print("Say on or off");}}// Скорость ESP8266 в бодах:#define ESP8266_BAUD 9600ESP8266 wifi(&EspSerial);void setup(){// Отладочная консольSerial.begin(9600);pinMode(7, OUTPUT);    //Pin 7 установлен в режим вывода данных// Установим скорость в бодах для ESP8266EspSerial.begin(ESP8266_BAUD);delay(10);Blynk.begin(auth, wifi, ssid, pass);}void loop(){Blynk.run();}

if(s=="on")else if(s=="off")

I am $

if(s=="happy")else if(s=="sad")

Запуск команд из командной оболочки

date ; df ; free

cd /foo && ls  # команда rm тут не используется, поэтому эта конструкция ничего не испортит

grep "alw" /etc/passwd || echo No such user

Планирование запуска команд в определённое время

*/5 * * * * ~/duckdns/duck.sh >/dev/null 2>&1

at now + 10 minutes

Пакетное выполнение задач

alw@enterprise:~$ tsp wget http://www.hackaday.com0alw@enterprise:~$ tspID State Output E-Level Times(r/u/s) Command [run=0/1]0 finished /tmp/ts-out.TpAPIV 0 0.22/0.00/0.00 wget http://www.hackaday.comalw@enterprise:~$ tsp -i 0Exit status: died with exit code 0Command: wget http://www.hackaday.comSlots required: 1Enqueue time: Fri Jun 9 21:07:53 2017Start time: Fri Jun 9 21:07:53 2017End time: Fri Jun 9 21:07:53 2017Time run: 0.223674salw@enterprise:~$ tsp -c 0--2017-06-09 21:07:53-- http://www.hackaday.com/Resolving www.hackaday.com (www.hackaday.com)... 192.0.79.32, 192.0.79.33Connecting to www.hackaday.com (www.hackaday.com)|192.0.79.32|:80... connected.HTTP request sent, awaiting response... 301 Moved PermanentlyLocation: http://hackaday.com/ [following]--2017-06-09 21:07:53-- http://hackaday.com/Resolving hackaday.com (hackaday.com)... 192.0.79.33, 192.0.79.32Reusing existing connection to www.hackaday.com:80.HTTP request sent, awaiting response... 200 OKLength: unspecifiedSaving to: index.html0K .......... .......... .......... .......... .......... 1.12M50K .......... .......... .......... ... 6.17M=0.05s2017-06-09 21:07:53 (1.68 MB/s) - index.html saved [85720]

Итоги

Немного истории

Другие компактные компьютеры

Рождение палмтопа

Чем особенно интересен HP-200LX?

Клавиатура

Расширение возможностей устройства

Приложения

Модификации, выполняемые пользователями

Сообщество

Связь с внешним миром

Последователи и уход с рынка

Происхождение персональных компьютеров

Компьютеры обзаводятся дисплеями

Появление графических интерфейсов

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

Сильные стороны визуализации

Проблемы визуализации

Как решить эти проблемы?

Где сейчас используются визуальные инструменты программирования?

Инструменты разработчика, возможности которых расширены за счёт визуализации

No-code-инструменты

Куда мы идём?

Компоненты

• Плата Arduino Nano R3.
• Модуль OLED-дисплея: ElectroPeak 0.96 OLED 64x128 Display Module.
• Bluetooth-модуль: HC-05 Bluetooth Module.
• Вибромотор на 5В.
• Кнопка SparkFun Pushbutton switch 12mm.
• Переключатель 636NH/2.
• Зарядный модуль.
• Перезаряжаемая батарея на 3,7 В.

• Arduino IDE.
• MIT App Inventor 2.

• Паяльник.
• Бессвинцовый припой.
• Клеевой пистолет.

Обзор проекта

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

Шаг 1: подготовка кода для Arduino

#include <SoftReset.h>#include "U8glib.h"#include "SoftwareSerial.h"#include <MemoryFree.h>#include <avr/sleep.h>#define nextButton 7   //Номера пинов для кнопок#define previousButton 5#define menuButton 4#define mot 9#define buzz A3SoftwareSerial bluetooth(2,3);  //Для работы с Bluetooth используется библиотека SoftwareSerialconst unsigned char PROGMEM ICON_BITMAP_1[] ={   //Логотип Android0x00,0x00,0x00,0x00,0x04,0x40,0x07,0xc0,0x0f,0xe0,0x0b,0xa0,0x1f,0xf0,0x00,0x00,0x5f,0xf4,0x5f,0xf4,0x5f,0xf4,0x5f,0xf4,0x1f,0xf0,0x0c,0x60,0x0c,0x60,0x00,0x00};const unsigned char PROGMEM ICON_BITMAP_20[] ={  //Чат0x00,0x00,0x00,0x00,0x3f,0xf8,0x40,0x04,0x40,0x04,0x40,0x04,0x40,0x04,0x49,0x24,0x40,0x04,0x40,0x04,0x40,0x04,0x3f,0xc8,0x00,0x28,0x00,0x18,0x00,0x08,0x00,0x00};const unsigned char PROGMEM ICON_BITMAP_65[] ={  //Полоса сигнала0x00,0x00,0x00,0x00,0x3f,0xe0,0x10,0x40,0x08,0x80,0x05,0x00,0x02,0x00,0x02,0x00,0x02,0x00,0x00,0x0c,0x00,0x6c,0x03,0x6c,0x1b,0x6c,0x1b,0x6c,0x00,0x00,0x00,0x00};int i,c=0,t=0;boolean clockUp = true;boolean menuShow = false;boolean selectButtonbool = false;boolean newMessage = false;boolean newCall = false;boolean newCallR = false;boolean newNote = false;boolean newBuzz = false;byte hours = 0;byte minutes = 0;byte seconds = 0;byte day = 0;byte date = 0;byte month = 0;int year = 0;int k,j,n1,n2,n3,n4,n5,n6,n7,n8,N1,N2,N3,N4,N5,N6,N7,N8 = 0;float x1,x2,ans = 0.0;char DateBuffer[30];char* TimeStorage [6];char* vout;String monthw;String number;String numberR;String NoteS;String message;   //Переменная для SMS-сообщенийString blReceived; //Хранилище для строк, полученных по bluetoothchar msg[150];   //Символьный массив для SMSchar numb[15];char numbR[15];char note[300];String op[4]={"+","-","*","/"};byte menuSelection = 0;  //Менюbyte menuSelections = 0; //Настройкиbyte menuSelectiona = 0; //Приложенияbyte len;     //Длина сообщенияbyte len1;byte len2;byte l;static unsigned long lastTick = 0;//U8GLIB_SSD1306_ADAFRUIT_128X64 u8g(U8G_I2C_OPT_NO_ACK|U8G_I2C_OPT_FAST);//U8GLIB_SSD1306_128X64 u8g(U8G_I2C_OPT_DEV_0|U8G_I2C_OPT_NO_ACK|U8G_I2C_OPT_FAST); // I2C / TWIU8GLIB_SSD1306_128X64 u8g(U8G_I2C_OPT_NO_ACK|U8G_I2C_OPT_FAST);//U8GLIB_SH1106_128X64_2X u8g(13, 11, 10, 9,8); // SW SPI Com: SCK = 13, MOSI = 11, CS = 10, A0 = 9, RST = 8void setup(void) {//Если нужно - перевернуть экран//u8g.setRot180();pinMode(nextButton,INPUT); //Установка цифровых пинов в виде входовpinMode(previousButton,INPUT);pinMode(menuButton,INPUT);pinMode(mot,OUTPUT);pinMode(buzz,OUTPUT);Serial.begin(9600);bluetooth.begin(9600);digitalWrite(nextButton,HIGH); //Включение внутренней подтяжки для всех кнопокdigitalWrite(previousButton,HIGH);digitalWrite(menuButton,HIGH);digitalWrite(mot,HIGH);delay(500);digitalWrite(mot,LOW);drawStartUp();delay(4000);}//Конец блока настроекvoid loop() {int k,j,n1,n2,n3,n4,n5,n6,n7,n8,N1,N2,N3,N4,N5,N6,N7,N8 = 0;float x1,x2,ans = 0.0;t++;if(t>160){sleep();}if(digitalRead(menuButton)==LOW)t=0;if(bluetooth.available() > 0 /*&& bluetooth.find("(")*/){blReceived = bluetooth.readString();if(blReceived.startsWith("1"))  //1 - это начальная часть сообщения{digitalWrite(mot,HIGH);delay(1000);digitalWrite(mot,LOW);seconds++;blReceived.toCharArray(DateBuffer,blReceived.length()+1);vout = strtok(DateBuffer,",");for(int i=0;i<=6;i++){//if(TimeStorage[i] = NULL)//{Serial.println("Exited Loop");// break;}TimeStorage[i] = strtok(NULL,",");delay(10);}//int example = bluetooth.parseInt();day = atoi(TimeStorage[0] - 1);date = atoi(TimeStorage[1]);month = atoi(TimeStorage[2]);year = atoi(TimeStorage[3]);hours = atoi(TimeStorage[4]);minutes = atoi(TimeStorage[5]);seconds = atoi(TimeStorage[6]);blReceived="";t=0;}else if (blReceived.startsWith("2")){digitalWrite(mot,HIGH);delay(1000);digitalWrite(mot,LOW);seconds++;newMessage = true;message = blReceived;//sms();//delay(300000);blReceived="";t=0;}else if (blReceived.startsWith("3")){digitalWrite(mot,HIGH);delay(1000);digitalWrite(mot,LOW);seconds++;newCall = true;number = blReceived;//num();//delay(300000);blReceived="";t=0;}else if (blReceived.startsWith("4")){digitalWrite(mot,HIGH);delay(1000);digitalWrite(mot,LOW);newCallR = true;numberR = blReceived;t=0;u8g.firstPage();do{u8g.setFont(u8g_font_unifont);u8g.setPrintPos(0,20);u8g.print("Calling...");u8g.setPrintPos(0,40);u8g.print(numberR);len2 = numberR.length();number.toCharArray(numbR, len2+1);//Serial.println(len2);if(len2<15){//Serial.println("If");for (int i = 0;(i-1)<len2;i++){//Serial.println("Enter for loop");u8g.setPrintPos(i*8,30);u8g.print(numbR[i-15]);delay(10);if(numbR[i-16] == '\0'){//Serial.println("Break!!");break;//delay(3000);}}}}while (u8g.nextPage());blReceived="";delay(15000);seconds=seconds+15;newCallR = false;}else if (blReceived.startsWith("5")){digitalWrite(mot,HIGH);delay(1000);digitalWrite(mot,LOW);seconds++;newNote = true;NoteS = blReceived;//notes();//delay(300000);blReceived="";t=0;}else if (blReceived.startsWith("6")){newBuzz = true;Buzz();blReceived="";t=0;}/*Serial.println(day-1);Serial.println(date);Serial.println(month);Serial.println(year);Serial.println(hours);Serial.println(minutes);Serial.println(seconds);*/}   //Конец if для datetime/*Serial.println(day-1);Serial.println(date);Serial.println(month);Serial.println(year);Serial.println(hours);Serial.println(minutes);Serial.println(seconds);*//*else if(bluetooth.available() > 0 && bluetooth.find("CMD")==true){Serial.println("ENTERED MESSAGE");message = bluetooth.readString();Serial.println(message);//delay(300000);}*/if(digitalRead(previousButton)==LOW && digitalRead(nextButton)==LOW) //Кнопка активирована{seconds=seconds+4;if(menuShow == false)  //Переключение состояний меню{menuShow = true;delay(100);menu(); //Возврат номера менюif(menuSelection == 4){seconds=seconds+4;delay(100);menuSelection = 0;while(digitalRead(menuButton)== HIGH){HA();delay(10);}}if(menuSelection == 3){seconds=seconds+4;settings();if(menuSelections == 2){seconds=seconds+4;delay(100);menuSelections=0;delay(100);while(digitalRead(menuButton)== HIGH){notice();}delay(100);}if(menuSelections == 3){seconds=seconds+4;delay(100);menuSelections=0;while(digitalRead(menuButton)==HIGH){torch();delay(10);}}if(menuSelections == 4){seconds=seconds+4;delay(100);menuSelections=0;while(digitalRead(menuButton)==HIGH){bluetooth.write("1");delay(1000);bluetooth.write("");}}bluetooth.write("");bluetooth.write("2");bluetooth.write("");}if(menuSelection == 2){seconds=seconds+4;apps();if(menuSelectiona == 2){seconds=seconds+4;delay(100);menuSelectiona = 0;while(digitalRead(menuButton)==HIGH){Calc();}bluetooth.write("");}if(menuSelectiona == 3){seconds=seconds+4;delay(100);menuSelectiona = 0;while(digitalRead(menuButton)== HIGH){sms();}delay(100);}if(menuSelectiona == 4){seconds=seconds+4;delay(100);menuSelectiona = 0;while(digitalRead(menuButton)== HIGH){call();}delay(100);}}}if(menuShow == true){menuShow = false;delay(100);}}//Конец ifadvanceTime();delay(30);}//Конец циклаvoid sleep(){u8g.firstPage();do{}while(u8g.nextPage());}void advanceTime(){if(millis()-lastTick>950) //где-то{lastTick = millis();seconds++;}if (seconds > 59){minutes++;seconds = 0;}if (minutes >59){hours++;minutes = 0;}if (hours > 23){hours = 0;minutes = 0;date+=1;}draw();}//*****------------------U8Glib Functions------------------*****void HA(){u8g.firstPage();do {bluetooth.write("3");u8g.setFont(u8g_font_unifont);u8g.setPrintPos(0,10);u8g.print("Home Automation");u8g.setFont(u8g_font_unifont);u8g.setPrintPos(30,10);u8g.print("In Development");bluetooth.write("");} while( u8g.nextPage() );}void Buzz(){while(c<5){for(i=1;i<256;i++){analogWrite(buzz,i);delay(3.92);}for(i=256;i>0;i--){analogWrite(buzz,i);delay(3.92);}c++;}c=0;newBuzz=false;}void drawStartUp(){u8g.firstPage();do{//u8g_prepare();u8g.setColorIndex(0);u8g.drawBox(0,0,127,63);u8g.setColorIndex(1);u8g.setFont(u8g_font_7x14r);u8g.setPrintPos(5,10);u8g.print("Developed By:-");u8g.setFont(u8g_font_fur17r);u8g.setPrintPos(10,38);u8g.print("USER");u8g.setFont(u8g_font_7x14r);u8g.setPrintPos(5,62);u8g.print("V402");}while(u8g.nextPage());} //Конец drawStartUpvoid menu(){u8g.setColorIndex(1);//u8g.drawCircle(20,20,14);menuSelection = 1;while(digitalRead(menuButton) == HIGH){if(digitalRead(nextButton) == LOW){delay(20);menuSelection++;delay(50);}if(digitalRead(previousButton) == LOW){delay(20);menuSelection--;delay(50);}if(menuSelection > 4){menuSelection = 1;}if(menuSelection < 1){menuSelection = 4;}//Вывод изображенияdrawMenu();delay(50); //Для устранения "дрожания"//Вывод меню}//Конец цикла while}//Конец блока работы с менюvoid drawMenu(){u8g.firstPage();do{u8g.setFont(u8g_font_6x10r);u8g.setPrintPos(30,8);u8g.print("--- Menu ---");//u8g.setPrintPos(0,10);//u8g.print(menuSelection);u8g.drawFrame(0,(menuSelection*13)-3,128,13); //Высота блока - 13 пикселейu8g.drawLine(0,10,128,10);//Вывод менюu8g.drawStr(3,20,"Return");u8g.drawStr(3,20+13,"Apps");u8g.drawStr(3,20+13+13,"Settings");u8g.drawStr(3,20+13+13+13,"Home Auto(Beta)");//u8g.drawStr(3,20+13+13+13,"More");}while(u8g.nextPage());}void apps(){u8g.setColorIndex(1);//u8g.drawCircle(20,20,14);menuSelectiona = 1;delay(200);while(digitalRead(menuButton) == HIGH){if(digitalRead(nextButton) == LOW){delay(20);menuSelectiona++;Serial.println("Up");delay(50);}if(digitalRead(previousButton) == LOW){delay(20);menuSelectiona--;delay(50);}if(menuSelectiona > 4){menuSelectiona = 1;}if(menuSelectiona < 1){menuSelectiona = 4;}//Вывод изображенияdrawApps();delay(50); //Устранение "дрожания"}//Конец цикла while}void notice(){u8g.firstPage();do{u8g.setFont(u8g_font_6x10r);//u8g.print(NoteS);l = NoteS.length();NoteS.toCharArray(note, l+1);//Serial.println(len);if(l>0){for(i=0;i<20;i++){u8g.setPrintPos(i*6,8);u8g.print(note[i]);delay(10);}}if(l>20){for(i=20;i<40;i++){u8g.setPrintPos((i-20)*6,17);u8g.print(note[i]);delay(10);}}if(l>40){for(i=40;i<60;i++){u8g.setPrintPos((i-40)*6,26);u8g.print(note[i]);delay(10);}}if(l>60){for(i=60;i<80;i++){u8g.setPrintPos((i-60)*6,35);u8g.print(note[i]);delay(10);}}if(l>80){for(i=80;i<100;i++){u8g.setPrintPos((i-80)*6,43);u8g.print(note[i]);delay(10);}}if(l>100){for(i=100;i<120;i++){u8g.setPrintPos((i-100)*6,51);u8g.print(note[i]);delay(10);}}if(l>120){for(i=120;i<140;i++){u8g.setPrintPos((i-120)*6,59);u8g.print(note[i]);delay(10);}}}while (u8g.nextPage());delay(30);newNote = false;}void torch(){u8g.firstPage();do{u8g.drawBox(0,0,127,63);}while(u8g.nextPage());}void drawApps(){u8g.firstPage();do{u8g.setFont(u8g_font_6x10r);u8g.setPrintPos(5,8);u8g.print("--- Applications ---");//u8g.setPrintPos(0,10);//u8g.print(menuSelection);u8g.drawFrame(0,(menuSelectiona*13)-3,128,13); //Высота блока - 13 пикселейu8g.drawLine(0,10,128,10);//Вывод менюu8g.drawStr(3,20,"Return");u8g.drawStr(3,20+13,"CALC");u8g.drawStr(3,20+13+13,"SMS");u8g.drawStr(3,20+13+13+13,"CALLS");//u8g.drawStr(3,20+13+13+13,"More");}while(u8g.nextPage());}void settings(){u8g.setColorIndex(1);//u8g.drawCircle(20,20,14);menuSelections = 1;delay(200);while(digitalRead(menuButton) == HIGH){if(digitalRead(nextButton) == LOW){delay(20);menuSelections++;Serial.println("Up");delay(50);}if(digitalRead(previousButton) == LOW){delay(20);menuSelections--;delay(50);}if(menuSelections > 4){menuSelections = 1;}if(menuSelections < 1){menuSelections = 4;}//Вывод изображенияdrawSettings();delay(50); //Устранение "дрожания"}//Конец цикла while}void sms(){u8g.firstPage();do{u8g.setFont(u8g_font_unifont);u8g.setPrintPos(0,10);u8g.print(message);len = message.length();message.toCharArray(msg, len+1);//Serial.println(len);if(len>16){//Serial.println("If");for (int i = 0;(i-1)<len;i++){//Serial.println("Enter for loop");u8g.setPrintPos(i*8,30);u8g.print(msg[i+16]);delay(10);if(msg[i+17] == '\0'){//Serial.println("Break!!");break;//delay(3000);}}}if(len>32){//Serial.println("If");for (int i = 0;(i-1)<len;i++){//Serial.println("Enter for loop");u8g.setPrintPos(i*8,50);u8g.print(msg[i+32]);delay(10);if(msg[i+33] == '\0'){//Serial.println("Break!!");break;//delay(3000);}}}}while (u8g.nextPage());delay(30);newMessage = false;}void call(){u8g.firstPage();do{u8g.setFont(u8g_font_unifont);u8g.setPrintPos(0,10);u8g.print(number);len1 = number.length();number.toCharArray(numb, len1+1);//Serial.println(len1);if(len1<15){//Serial.println("If");for (int i = 0;(i-1)<len1;i++){//Serial.println("Enter for loop");u8g.setPrintPos(i*8,30);u8g.print(numb[i-15]);delay(10);if(numb[i-16] == '\0'){//Serial.println("Break!!");break;//delay(3000);}}}}while (u8g.nextPage());delay(30);newCall = false;}void drawSettings(){u8g.firstPage();do{u8g.setFont(u8g_font_6x10r);u8g.setPrintPos(15,8);u8g.print("--- Settings ---");//u8g.setPrintPos(0,10);//u8g.print(menuSelection);u8g.drawFrame(0,(menuSelections*13)-3,128,13); //Высота блока - 13 пикселейu8g.drawLine(0,10,128,10);//Вывод менюu8g.drawStr(3,20,"Return");u8g.drawStr(3,20+13,"Notes");u8g.drawStr(3,20+13+13,"Torch");u8g.drawStr(3,20+13+13+13,"Find My Phone");}while(u8g.nextPage());}void CalcPrintdata(){u8g.setPrintPos(50,25);u8g.print(n3);u8g.setPrintPos(40,25);u8g.print(n4);u8g.setPrintPos(30,25);u8g.print(n5);u8g.setPrintPos(20,25);u8g.print(n6);u8g.setPrintPos(60,25);u8g.print(".");u8g.setPrintPos(70,25);u8g.print(n7);u8g.setPrintPos(80,25);u8g.print(n8);u8g.setPrintPos(3,37);u8g.print(op[k]);u8g.setPrintPos(50,37);u8g.print(N3);u8g.setPrintPos(40,37);u8g.print(N4);u8g.setPrintPos(30,37);u8g.print(N5);u8g.setPrintPos(20,37);u8g.print(N6);u8g.setPrintPos(60,37);u8g.print(".");u8g.setPrintPos(70,37);u8g.print(N7);u8g.setPrintPos(80,37);u8g.print(N8);u8g.setPrintPos(5,46);u8g.print("---------------");u8g.setPrintPos(5,54);u8g.print(ans);}void Calc(){u8g.firstPage();do{u8g.setFont(u8g_font_unifont);u8g.setPrintPos(0,10);u8g.print("Calculator:-");if(digitalRead(previousButton) == LOW){j++;delay(300);if(j>12)j = 0;}if(digitalRead(nextButton)==LOW && digitalRead(previousButton)==LOW){j=13;delay(300);}if(j==0){CalcPrintdata();if(digitalRead(nextButton) == LOW){n6++;delay(300);}if(n6>9)n6=0;}if(j==1){CalcPrintdata();if(digitalRead(nextButton) == LOW){n5++;delay(300);}if(n5>9)n5=0;}if(j==2){CalcPrintdata();if(digitalRead(nextButton) == LOW){n4++;delay(300);}if(n4>9)n4=0;}if(j==3){CalcPrintdata();if(digitalRead(nextButton) == LOW){n3++;delay(300);}if(n3>9)n3=0;}if(j==4){CalcPrintdata();if(digitalRead(nextButton) == LOW){n7++;delay(300);}if(n7>9)n7=0;}if(j==5){CalcPrintdata();if(digitalRead(nextButton) == LOW){n8++;delay(300);}if(n8>9)n8=0;}if(j==6){CalcPrintdata();if(digitalRead(nextButton) == LOW){k++;delay(300);}if(k>3)k=0;}if(j==7){CalcPrintdata();if(digitalRead(nextButton) == LOW){N6++;delay(300);}if(N6>9)N6=0;}if(j==8){CalcPrintdata();if(digitalRead(nextButton) == LOW){N5++;delay(300);}if(N5>9)N5=0;}if(j==9){CalcPrintdata();if(digitalRead(nextButton) == LOW){N4++;delay(300);}if(N4>9)N4=0;}if(j==10){CalcPrintdata();if(digitalRead(nextButton) == LOW){N3++;delay(300);}if(N3>9)N3=0;}if(j==11){CalcPrintdata();if(digitalRead(nextButton) == LOW){N7++;delay(300);}if(N7>9)N7=0;}if(j==12){CalcPrintdata();if(digitalRead(nextButton) == LOW){N8++;delay(300);}if(N8>9)N8=0;}if(j==13){CalcPrintdata();x1 = n6*1000+n5*100+n4*10+n3+n7*0.1+n8*0.01;x2 = N6*1000+N5*100+N4*10+N3+N7*0.1+N8*0.01;if(k==0){ans = x1 + x2;}if(k==1){ans = x1 - x2;}if(k==2){ans = x1 * x2;}if(k==3){ans = x1 / x2;}}}while(u8g.nextPage());}void draw(){u8g.firstPage();do{if(t<160){//u8g.drawLine(0,15,128,15);u8g.setFont(u8g_font_7x14r);u8g.drawStr(3,14,"V402");u8g.setFont(u8g_font_fur17r);String strDate = String("");char time[10];   //9if (hours < 10)strDate += "0";strDate += hours;strDate += ":";if (minutes < 10)strDate += "0";strDate += minutes;strDate += ":";if (seconds < 10)strDate += "0";strDate += seconds;strDate.toCharArray(time,10);   //9time[12] = 0x00;      //9u8g.drawStr(20,40,time);switch (month){case 01:monthw = "January";break;case 02:monthw = "February";break;case 03:monthw = "March";break;case 04:monthw = "April";break;case 05:monthw = "May";break;case 06:monthw = "June";break;case 07:monthw = "July";break;case 8:monthw = "August";break;case 9:monthw = "September";break;case 10:monthw = "October";break;case 11:monthw = "November";break;case 12:monthw = "December";break;}u8g.setFont(u8g_font_6x10r); //Более мелкий шрифт для даты//u8g.setFont(u8g_font_7x14r);u8g.setPrintPos(0,55);u8g.print(date);u8g.setPrintPos(15,55);u8g.print("/");/*switch (date){case 1:u8g.print("st");break;case 2:u8g.print("nd");break;case 3:u8g.print("rd");break;default:u8g.print("th");break;}*/u8g.setPrintPos(27,55);u8g.print(month); //Ранее - monthwu8g.setPrintPos(35,55);u8g.print("/");u8g.setPrintPos(43,55);u8g.print(year);//u8g.drawBitmapP(110,1,1,8,IMG_indicator_msg);u8g.drawBitmapP( 110, 1, 2, 16, ICON_BITMAP_65);if(newNote == true){u8g.drawBitmapP(88,45,2,16,ICON_BITMAP_20);}if(newMessage == true){u8g.drawBitmapP(110,45,2,16,ICON_BITMAP_1);}if(newCall == true){u8g.drawBitmapP(110,45,2,16,ICON_BITMAP_1);}}}while(u8g.nextPage());}//Конец draw

Шаг 2. Создание Android-приложения с использованием MIT App Inventor 2

Шаг 3. Сборка аппаратных компонентов проекта

• Пины Arduino D2 и D3 подключаются к TXD и RXD Bluetooth-модуля HC-05.
• Пины D4, D5, D7 подключаются к кнопкам Menu (Меню), Next (Следующий) и Prev (Предыдущий).
• Пин D9 подключается к вибромотору.
• Пины A4 и A5 подключаются к SDA и SCL OLED-диспля с разрешением 128x64.
• + батареи подключается к B+ зарядного модуля.
• батареи подключается к B- зарядного модуля.
• Выход зарядного модуля + подключается к Vin Arduino (между ними надо поставить переключатель чтобы иметь возможность включать и отключать питание).
• Линии 5V и GND подключаются к компонентам в соответствии со схемой.

Работа с часами

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

1. Laravel

2. Yii

3. CodeIgniter

4. Symfony

5. CakePHP

6. Zend Framework

7. Phalcon

8. FuelPHP

9. Slim

Что выбрать?

• На нём установлены KVM и libvirt.
• Его сетевые настройки выполняются с использованием NetworkManager.
• Пользователь, устанавливающий CRC, имеет sudo-доступ к этому хосту.

Обзор порядка развёртывания CodeReady Containers

Настройка CodeReady Containers

./crc config set cpus 10

./crc config set memory 47104

./crc config set disk-size 120

./crc config set pull-secret-file ~/.mysecrets/ocp/pull-secret.json

./crc config set consent-telemetry yes

./crc config --help

Установка CodeReady Containers

./crc setup

• Файл crc-bundle-info.json несёт в себе метаданные бандла. CRC обращается к этому файлу в процессе развёртывания системы.
• Образ виртуальной машины crc.qcow2 содержит предустановленный узел OpenShift. Этот образ будет использован в качестве базы для образа диска виртуальной машины CRC.
• Временный ключ id_ecdsa_crc используется CRC для подключения к виртуальной машине по SSH на начальном этапе работы, сразу после её первого запуска. После подключения к виртуальной машине CRC генерирует новую уникальную пару SSH-ключей и добавляет их в файл машины ~core/.ssh/authorized_keys. Временный SSH-ключ удаляется из этого файла, а значит его больше нельзя будет использовать для подключения к соответствующей виртуальной машине.
• В файле kubeadmin-password хранится пароль пользователя kubeadmin в OpenShift.
• Файл kubeconfig позволяет входить в OpenShift в виде пользователя kube:admin. Этот файл включает в себя приватный ключ, необходимый для успешного прохождения процедуры аутентификации.
• Исполняемый файл oc это клиент oc, версия которого соответствует версии OpenShift-кластера, входящего в состав бандла.

tree --noreport .crc.crc bin   admin-helper-linux   crc-driver-libvirt   oc     oc -> /home/anosek/.crc/cache/crc_libvirt_4.6.9/oc cache   crc_libvirt_4.6.9     crc-bundle-info.json     crc.qcow2     id_ecdsa_crc     kubeadmin-password     kubeconfig     oc   crc_libvirt_4.6.9.crcbundle crc.json

[main]dns=dnsmasq

server=/apps-crc.testing/192.168.130.11server=/crc.testing/192.168.130.11

virsh net-dumpxml crc<network connections='1'><name>crc</name><uuid>49eee855-d342-46c3-9ed3-b8d1758814cd</uuid><forward mode='nat'><nat><port start='1024' end='65535'/></nat></forward><bridge name='crc' stp='on' delay='0'/><mac address='52:54:00:fd:be:d0'/><ip family='ipv4' address='192.168.130.1' prefix='24'><dhcp><host mac='52:fd:fc:07:21:82' ip='192.168.130.11'/></dhcp></ip></network>

Запуск CodeReady Containers

./crc start

virsh pool-dumpxml crc<pool type='dir'>  <name>crc</name>  <uuid>ecfe5181-6476-43a8-9ff9-a133841df011</uuid>  <capacity unit='bytes'>1769532428288</capacity>  <allocation unit='bytes'>1119201026048</allocation>  <available unit='bytes'>650331402240</available>  <sоurce>  </sоurce>  <target>    <path>/home/anosek/.crc/machines/crc</path>    <permissions>      <mode>0755</mode>      <owner>1000</owner>      <group>1000</group>    </permissions>  </target></pool>

virsh dumpxml crc<domain type='kvm' id='2'><name>crc</name><uuid>4269a53d-0fa7-465e-9190-ab33047244ee</uuid><memory unit='KiB'>46000128</memory><currentMemory unit='KiB'>46000128</currentMemory><vcpu placement='static'>10</vcpu><resource><partition>/machine</partition></resource>...<devices><disk type='file' device='disk'><driver name='qemu' type='qcow2' io='threads'/><source file='/home/anosek/.crc/machines/crc/crc.qcow2' index='1'/><backingStore type='file' index='2'><format type='qcow2'/><source file='/home/anosek/.crc/cache/crc_libvirt_4.6.9/crc.qcow2'/><backingStore/></backingStore>...</domain>

192.168.130.11 api.crc.testing console-openshift-console.apps-crc.testing default-route-openshift-image-registry.apps-crc.testing oauth-openshift.apps-crc.testing

tree --noreport .crc/machines.crc/machines crc config.json crc.qcow2 id_ecdsa id_ecdsa.pub kubeconfig

Полезные команды CodeReady Containers

./crc console

./crc console --credentialsTo login as a regular user, run 'oc login -u developer -p developer https://api.crc.testing:6443'.To login as an admin, run 'oc login -u kubeadmin -p HqC3I-wgtiB-q7qCf-KEsuK https://api.crc.testing:6443

ssh -i ~/.crc/machines/crc/id_ecdsa core@api.crc.testing

Итоги

Что такое Jenkins?

Что такое Selenium?

Установка, настройка и запуск Jenkins

java -jar jenkins.war --httpPort=8081

Первый метод интеграции Jenkins с Selenium

MINUTE HOUR DOM MONTH DOW

package Pages;import static org.testng.Assert.assertEquals;import java.util.concurrent.TimeUnit;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.chrome.ChromeDriver;import org.testng.annotations.AfterTest;import org.testng.annotations.BeforeTest;import org.testng.annotations.Test;public class LoginPage {WebDriver driver;@BeforeTestpublic void setUp() {System.setProperty("webdriver.chrome.driver", "C:\\Users\\Shalini\\Downloads\\chrom86_driver\\chromedriver.exe");driver = new ChromeDriver();}public void login() {String login_url = "https://opensource-demo.orangehrmlive.com/";driver.get(login_url);driver.manage().window().maximize();driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);driver.findElement(By.id("txtUsername")).sendKeys("Admin");driver.findElement(By.id("txtPassword")).sendKeys("admin123");System.out.println(driver.getTitle());}@Testpublic void dashboard() {driver.findElement(By.id("menu_dashboard_index")).click();String textPresent = driver.findElement(By.xpath("//*[@id=\"content\"]/div/div[1]/h1")).getText();String textToBePresent = "DashBoard";assertEquals(textPresent, textToBePresent);}@AfterTestpublic void tearDown() {driver.quit();}}

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd"><suite name="TestSuite"><test name="LoginTest"><groups><run><include name="DemoTest"/></run></groups><classes><class name="Pages.LoginPage"></class></classes></test></suite>

ava cp bin;lib/* org.testng.TestNG TestNG.xml

Второй метод интеграции Jenkins с Selenium

Что такое Maven?

Установка Maven

<project xmlns="http://personeltest.ru/away/maven.apache.org/POM/4.0.0" xmlns:xsi="http://personeltest.ru/away/www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://personeltest.ru/away/maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><groupId>demoProject</groupId><artifactId>demoProject</artifactId><version>0.0.1-SNAPSHOT</version><build><sourceDirectory>src</sourceDirectory><plugins><plugin><artifactId>maven-compiler-plugin</artifactId><version>3.8.0</version><configuration><sоurce>1.8</sоurce><target>1.8</target></configuration></plugin></plugins></build><dependencies><dependency><groupId>org.seleniumhq.selenium</groupId><artifactId>selenium-java</artifactId><version>3.141.59</version></dependency><dependency><groupId>org.testng</groupId><artifactId>testng</artifactId><version>7.3.0</version><scope>test</scope></dependency></dependencies></project>

package WebDriverProject;import org.junit.Assert;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.firefox.FirefoxDriver;public class LoginClass {WebDriver driver;@BeforeTestpublic void setup() {System.setProperty("WebDriver.gecko.driver", "C:\\Users\\shalini\\Downloads\\geckodriver-v0.26.0-win64\\geckodriver.exe");driver = new FirefoxDriver(); //Инициализация WebDriver}@Testpublic void loginTest() {driver.get("https://opensource-demo.orangehrmlive.com/"); //Определение URLString pageTitle = driver.getTitle(); //get the title of the webpageSystem.out.println("The title of this page is ===> " + pageTitle);Assert.assertEquals("OrangeHRM", pageTitle); //Проверка заголовка страницыdriver.findElement(By.id("txtUsername")).clear(); //Очистить поле перед вводом значенийdriver.findElement(By.id("txtUsername")).sendKeys("Admin"); //Ввести имя пользователяdriver.findElement(By.id("txtPassword")).clear();driver.findElement(By.id("txtPassword")).sendKeys("admin123"); //Ввести парольdriver.findElement(By.id("btnLogin")).click(); //Щёлкнуть по кнопке LoginSystem.out.println(Successfully logged in );}@AfterTestpublic void teardown() {driver.quit();}}

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd"><suite name="TestSuite"><test name="LoginTest"><groups><run><include name="DemoTest"/></run></groups><classes><class name=" WebDriverProject.LoginClass"></class></classes></test></suite>

Интеграция Selenium и Jenkins с помощью Maven

Итоги

Обзор проекта

• Инструкции по сборке микроскопа в формате PDF.
• Перечень кубиков LEGO в виде .LDR-файла. Если у вас дома нет нужных кубиков LEGO этот файл можно выгрузить на Bricklink.com для того чтобы быстро собрать необходимые кубики.
• Ссылки на страницы, на которых можно купить линзы для окуляра (Европа, Великобритания).
• Сведения о модуле камеры iPhone 5s, линза из которого используется в этом проекте.
• Набор исследователя (Explorer Kit), который призван помочь всем желающим расширить свои знания в области микроскопии и оптики.
• Научная статья, посвящённая Lego Microscope.

Инструкции

• Полный план работ, который можно использовать при сборке микроскопа за один заход.
• Пошаговый план, разделённый на 5 частей (A, B, C, D, E), который используется в том случае, если принято решение изучать материалы Набора исследователя и попутно собирать микроскоп. Если вы решите пойти именно таким путём вам понадобятся материалы из этой папки репозитория.

Оптика

• Окуляр: для него мы использовали две простые акриловые линзы (диаметр 34,5 мм, фокусное расстояние 106 мм). В частности, речь идёт о линзах 308.OM7. Линзы мы скрепили обычной прозрачной клейкой лентой. Вот ссылки на страницы, где их можно купить (Европа, Великобритания).
• Объектив с маленьким увеличением: тут мы воспользовались простой стеклянной линзой (диаметр 18 мм, фокусное расстояние 26,5 мм). Речь идёт о линзе 551.OA51 (Европа, Великобритания). Вы вполне можете использовать тут и какие-то другие линзы. Для того чтобы выбранная вами линза могла бы быть установлена так, как запланировано в инструкции, обращайте внимание на её размеры.
• Объектив с большим увеличением: его роль сыграла пластиковая линза из модуля камеры iPhone 5. В момент написания этого текста такой модуль можно было купить за 2-4. При этом вся электроника модуля нам не нужна, что печально, но нам требуется лишь линза, а не весь модуль.

Набор исследователя

День 1: всё идёт как надо

AsyncStorage.setItem("@key", value)

const [sessionCount, setSessionCount] = useState(0)

// Пользователь завершил сеанс медитацииconst saveData = () => {setSessionCount(prev => {const newSessionCount = prev + 1AsyncStorage.setItem("@my_number", newSessionCount.toString())return newSessionCount})}

День 2: затишье перед бурей

useEffect(() => {AsyncStorage.getItem("@my_number").then(data => setSessionCount(data))}, [])

// Пользователь завершил сеанс медитацииconst saveData = () => {setSessionCount(prev => {const newSessionCount = prev + 1AsyncStorage.setItem("@my_number", newSessionCount.toString())return newSessionCount})}

День 3: буря

Что пошло не так?

Что такое TypeScript?

Использование TypeScript в React Native-проектах

useEffect(() => {AsyncStorage.getItem("@my_number").then(data => {if (data) {setSessionCount(parseInt(data))}})}, [])

По каким материалам изучать TypeScript?

Итоги

Простой стохастический градиентный спуск

from typing import Callable, Tuple, ListInput = Tuple[float, float, float]Coefficients = List[float]Gradient = List[float]Hypothesis = Callable[[Input], float]Dataset = List[Tuple[Input, float]]

class QuadraticBasisPolynomials:def __init__(self):self.basis_functions = [lambda x: 1,lambda x: x[0],lambda x: x[1],lambda x: x[2],lambda x: x[0] * x[1],lambda x: x[0] * x[2],lambda x: x[1] * x[2],lambda x: x[0] * x[0],lambda x: x[1] * x[1],lambda x: x[2] * x[2],]def __getitem__(self, index):return self.basis_functions[index]def __len__(self):return len(self.basis_functions)def linear_combination(self, weights: Coefficients) -> Hypothesis:def combined_function(x: Input) -> float:return sum(w * f(x)for (w, f) in zip(weights, self.basis_functions))return combined_functionbasis = QuadraticBasisPolynomials()

def total_error(weights: Coefficients, data: Dataset) -> float:hypothesis = basis.linear_combination(weights)return sum((actual_output - hypothesis(example)) ** 2for (example, actual_output) in data)def single_point_error(weights: Coefficients, point: Tuple[Input, float]) -> float:return point[1] - basis.linear_combination(weights)(point[0])

def gradient(weights: Coefficients, data_point: Tuple[Input, float]) -> Gradient:error = single_point_error(weights, data_point)dE_dw = [0] * len(weights)for i, w in enumerate(weights):dE_dw[i] = -2 * error * basis[i](data_point[0])return dE_dw

import randomdef print_debug_info(step, grad_norm, error, progress):print(f"{step}, {progress:.4f}, {error:.4f}, {grad_norm:.4f}")def gradient_descent(data: Dataset,learning_rate: float,tolerance: float,training_callback = None,) -> Hypothesis:weights = [random.random() * 2 - 1 for i in range(len(basis))]last_error = total_error(weights, data)step = 0progress = tolerance * 2grad_norm = 1.0if training_callback:training_callback(step, 0.0, last_error, 0.0)while abs(progress) > tolerance or grad_norm > tolerance:grad = gradient(weights, random.choice(data))grad_norm = sum(x**2 for x in grad)for i in range(len(weights)):weights[i] -= learning_rate * grad[i]error = total_error(weights, data)progress = error - last_errorlast_error = errorstep += 1if training_callback:training_callback(step, grad_norm, error, progress)return basis.linear_combination(weights)

def example_quadratic_data(num_points: int):def fn(x, y, z):return 2 - 4*x*y + z + z**2data = []for i in range(num_points):x, y, z = random.random(), random.random(), random.random()data.append(((x, y, z), fn(x, y, z)))return dataif __name__ == "__main__":data = example_quadratic_data(30)gradient_descent(data,learning_rate=0.01,tolerance=1e-06,training_callback=print_debug_info)

Ядра и регуляризация

Как мы к этому пришли

Улучшение процесса создания компонентов

Фреймворк ViewComponent

Библиотека Catalyst

Вспомогательные инструменты

class FaceboxDeprecationTest < Test::Fast::TestCase  EXPECTED_NUMBER_OF_FACEBOXES = 44  # Find facebox triggers set with rel=facebox, in either HTML attributes or  # as part of hash assignment (for rails helpers)  REGEX_FOR_FACEBOX_BINDING = %r|rel\s*[=:]>?\s*["']?facebox|  REGEX_FOR_DATA_FACEBOX = %r|data-facebox\s*=>?\s*|  def test_limit_facebox    actual_rel_facebox = grep(REGEX_FOR_FACEBOX_BINDING, options: %w[-In], paths: %w[app/**/*.erb])    actual_data_facebox = grep(REGEX_FOR_DATA_FACEBOX, options: %w[-In], paths: %w[app/**/*.erb])    count = actual_rel_facebox.count("\n") + actual_data_facebox.count("\n")    assert_operator count, :<=, EXPECTED_NUMBER_OF_FACEBOXES, <<-EOLIt looks like you added a facebox. Please use <details-dialog> instead.If you must increment EXPECTED_NUMBER_OF_FACEBOXES in this test, please/cc @github/ui-frameworks-reviewers in your pull request, as we may be able to help! Thanks.EOL    assert_equal EXPECTED_NUMBER_OF_FACEBOXES, count, <<-EOLIt looks like you removed a facebox. YOU ARE AWESOME!Please decrement EXPECTED_NUMBER_OF_FACEBOXES in this test and treat yourself tosomething special.  You deserve it.EOL  endend

Новый жизненный цикл наших веб-компонентов

Catalyst и начало жизненного цикла компонента

Извлечение компонента из монолита

Реализация особых требований, предъявляемых к опенсорсным компонентам

Результаты

Что дальше?

""

False

True!

"foo"

True

True

"foo bar"

True

False!

[ ]

[ "$var" ]

[ -x "/bin/ls" ]

[ 1 -lt 2 ]

• Когда переменная является пустой и при этом не заключена в кавычки, она удаляется, и мы передаём команде 1 аргумент литеральную строку -n. Так как -n не является пустой строкой команда выдаёт True, а должна была бы выдать False.
• Когда переменная содержит foo bar и не заключена в кавычки, она разделяется на два аргумента, в результате мы передаём команде 3 аргумента: -n, foo и bar. Так как foo это не бинарный оператор, результатом работы команды является False (с выдачей сообщения об ошибке), а, на самом деле, результатом должно быть True.

""

True

"foo"

False

"foo bar"