Введите текст для поиска

пятница, 16 декабря 2016 г.

Изучаем JS - задания для начинающих на JS с ответами

Привет, друзья!
Поскольку надо прокачивать скил по js поискал учебные задания для новичков по javascript.
Нашел на одном англоязычном ресурсе - Задания по javascript. Кстати, если интересно, там есть задания не только по js, но и по jQuery, php, phyton, mySQL, C, C#, Java и тд. В общем практически по всем самым распространённым языкам программирования и некоторым фреймворкам.
В этой записи выложу перевод этих заданий.
Каждую запись в последствии сделаю ссылкой на её решение.

Задания по Javascript (сложность - основы)

  1. Вывести на экран текущую дату и время в указанном формате:
    Сегодня: Пятница
    Текущее время: 4PM:50:22 (pm - время от 0 часов до 12 часов дня, am - время соответственно с 12 часов дня до 24 часов)
  2. Написать программу для печати содержимого текущего окна. 
  3. Напишите программу для получения текущей даты:
    Формат вывода даты:
    м-д-год, м/д/год или д-м-год, д/м/год
  4. Напишите программу вычисления площади треугольника по трем сторонам, которые равны 5, 6 и 7. (Возможное усложнение - длину сторон получать от пользователя - мои примечания). 
  5. Напишите программу, которая периодически вращает надпись "w3resourse" в правом направлении, удаляя по одной букве с конца и добавляя по одной букве с начала. 
  6. Напишите программу, которая определяет, является ли год високосным или нет. 
  7. Напишите программу, которая находит в какие года между 2014 и 2050 воскресенье приходится на 1 января. 
  8. Напишите программу, которая загадывает случайное число в интервале от 1 до 10. После этого программа должна принимать ваш ответ, какое число загадано. Если пользователь угадал это число, программа должна отобразить "Хорошая работа!", если не угадал - "Не попал))". 
  9. Напишите программу, которая рассчитывает количество дней, которое осталось до следующего рождества (Возможные усложнения - можно сделать текстовое поле для ввода текущей даты и выпадающий список, в котором можно выбрать до какого праздника вы хотели бы посчитать дни).  
  10. Напишите программу для умножения и деления двух чисел, принимаемых через текстовые поля. Интерфейс программы ниже:
  11. Напишите программу для перевода температуры из/в градусов Цельсия и Фаренгейта. Формула для расчёта - c/5 = (f-32)/9 (где - c: градусы Цельсия, f: градусы Фаренгейта
  12. Напишите программу, которая показывает текущий адрес страницы. 

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

понедельник, 12 декабря 2016 г.

Изучаем JS - события, атрибуты

Привет, друзья!
В этот раз мне захотелось сделать так, чтобы у меня была кнопочка <button>, по клику на которой у нас бы:
1. Менялся весь цвет текста на странице
2. Менялся весь цвет фона на странице
3. Менялась надпись на кнопочке. Т.е. если у нас на странице - ночной режим, - > на кнопочке отображаем "Сделать день", в обратном случае на кнопочке - > "Включить ночь".
4. Вместе с заменой текста на кнопочке - надо, чтобы менялся и бекграунд и цвет надписи на кнопочке. Будет это всё выглядеть примерно так день - :
это день
А здесь - ночь
это ночь
Для реализации задуманного будем использовать следующее:

  • Стили текста будем оформлять с помощью соответствующих классов: для body class = 'day/night', для кнопки - class = 'btnDay/btnNight'. Можно было бы прописывать все свойства css вручную, но это же тупо, согласитесь)). Проще прописать класс css, и его динамически присвоить при помощи js. Также, если вам надо будет изменить позже оформление, то как и положено - вы идёте в css и меняете оформление, а не копаете js. 
  • getElementById () - чтобы взять конкретный элемент (в нашем случае это будет кнопочка)
  • getAttribute('class') - этим методом получим текущий класс элемента body
  • innerHTML - свойство элемента, меняем текст внутри кнопки
  • setAttribute('class', 'day') - устанавливаем новый атрибут class который равен в данном случае 'day'. 
  • И самое интересное - addEventListener() - метод элемента, прочитайте о нем отдельно, поскольку я так понял, это самый правильный метод назначения реакции на события (клик мышью, клик правой кнопкой, нажатие на клавиатуре и тд)
Все эти методы  и тд легко гуглятся. Если интересно, набирайте в методах - то, что написано до скобок, например для getElementById ()  - в поисковике - 'js getelementbyid',  для свойств соответственно просто  - для innerHTML - в поисковике - js innerhtml.
Итак, html


 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тестовая JS страница</title>
        <style>
            .day {
                color:#393337;
                background-color: white;
            }
            
            .night {
                color:#d9dbda;
                background-color: #252525;
            }

            .btnDay {
                color:#393337;
                background-color: white;
            }

            .btnNight {
                color:#d9dbda;
                background-color: #252525;
            }
            

            .wrap{
                background-image: none;
                z-index: 5;
            }


            .center-align{
                width:800px;
                margin:0 auto;
                text-align: justify;
                text-align: center;
                
            }
            p {
                text-align: justify;
                text-indent: 5%;
                font-size: 18px;
                margin-left: 25px;
                margin-right: 20px;
                
            }
        </style>
 </head>
 <body>
    
    <div class="wrap">
        <div class="center-align">
        
                <button id= 'changeColor' class = 'btnNight'>Включить ночь</button>
                <h1>Привет, тебе случайный посетитель!</h1>
                <p>Товарищи! постоянный количественный рост и сфера нашей активности требуют определения и уточнения систем массового участия. Разнообразный и богатый опыт начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации направлений прогрессивного развития. Идейные соображения высшего порядка, а также укрепление и развитие структуры влечет за собой процесс внедрения и модернизации позиций, занимаемых участниками в отношении поставленных задач. Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач. Равным образом постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке новых предложений. Задача организации, в особенности же новая модель организационной деятельности способствует подготовки и реализации направлений прогрессивного развития.</p>

<p>Повседневная практика показывает, что постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание систем массового участия. Задача организации, в особенности же реализация намеченных плановых заданий позволяет оценить значение существенных финансовых и административных условий. Равным образом постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий. Таким образом рамки и место обучения кадров позволяет оценить значение направлений прогрессивного развития.</p>

<p>Задача организации, в особенности же реализация намеченных плановых заданий играет важную роль в формировании новых предложений. Таким образом дальнейшее развитие различных форм деятельности играет важную роль в формировании систем массового участия. Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации новых предложений. Таким образом начало повседневной работы по формированию позиции в значительной степени обуславливает создание форм развития. С другой стороны начало повседневной работы по формированию позиции позволяет оценить значение системы обучения кадров, соответствует насущным потребностям.</p>
        </div>  
    </div>
    
    <script src="test1.js"></script>
    </body>
</html>
и сам test1.js
 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* 
* Суперфункция для изменения изменения класса body страницы
* и изменения надписи на кнопочке. 
*/


;'use strict';

var el, btn, elHasClass, bdClass;
el = document.body;  /*присваиваем класс day или night всему body, 
                            чтобы изменить фон и текст страницы*/
btn = document.getElementById('changeColor'); /* Дергаем кнопочку, чтобы менять текст на ней*/

 btn.addEventListener('click', function (event) {
    elHasClass = el.getAttribute('class'); // узнаем значение class у body


    bdClass = isDayOrNight (elHasClass); /* передаем предыдущий параметр, 
                                            чтобы перевести его в число*/
          switch (bdClass){
                case 0:
                case 1: // если класс пустой (по умолчанию) или день - day
                    el.setAttribute('class', 'night');
                    btn.innerHTML = 'Сделать день';
                    btn.setAttribute ('class', 'btnDay');
                    break;
                case 2: // если ночь - night
                    el.setAttribute('class', 'day');
                    btn.innerHTML = 'Включить ночь';
                    btn.setAttribute ('class', 'btnNight');
                    break;
                } 
                        }
                                               );


function isDayOrNight (status){
    if (status=== null){ // если у нас нет класса у body
        return 0;
        }
    else if (status=== 'day'){ // если у body класс равен day
        return 1;
    }
    else if (status=== 'night'){ // если у body класс равен night
        return 2;
    }
    else { // это просто защита от ошибок))
        return 'error';
    }
}
Предвосхищая вопросы - подсветка кода осуществлена с помощью сервиса hilite.me. Эта цветовая схема  - называется 'fruity'. Мне понравилось, чем-то sublime напоминает. 

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

воскресенье, 11 декабря 2016 г.

Изучаем JS - блок, меняющий цвет на рандомный

Идея такова - есть коробочка div с прописанным id. Мы обращаемся к ней. По клику по этому div мы генерируем три значения rgb для трех цветов (число от 0 до 255). Потом склеиваем эти три значения в строку вида: rbg(000, 000, 000) и передаём ее в  style.backgroundColor элемента.
Конечно, есть вероятность того, что новый цвет и текущий совпадет. Однако, она ничтожно мала (я так думаю 1 / (256*256*256). Собственно, html: 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тестовая JS страница</title>
        <style>
            #box {
                width:300px;
                height:300px;
                background-color:lightsalmon;
            }
        </style>
 </head>
 <body>
    <div id="box">Кликни, чтобы изменить цвет</div>
    <script src="test1.js"></script>
    </body>
</html>
И javascript.
 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
/* 
* Суперфункция для изменения цвета коробочки в рандомный.
* принимает параметр:
* box - id коробки
* to - количество ргб оттенка, до которого надо рандомить
*/

var el, curRGB, box, to, red, green, blue;
box = 'box';
to = 255;

el = document.getElementById(box);

el.addEventListener('click', function(event) {
             
            red = myRandom(to) + ',';
            green = myRandom(to) + ',';
            blue = myRandom(to);
            curRGB = 'rgb(' + red + green + blue + ')';
            el.style.backgroundColor = curRGB; 
            
        });
        function myRandom (to)  { // рандомайзер
      return Math.floor(Math.random() * to);
        }
Жалко, что здесь нельзя вставлять исполняемые скрипты на страницу.

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

суббота, 10 декабря 2016 г.

Изучаем JS - переход на другую страницу

Привет, друзья!
У глобального объекта window есть свойство location, у которого в свою очередь есть свойство href. href указывает на текущий адрес страницы. И позволяет задавать его. Подробнее прочитать - здесь. Напишем простой код для того, чтобы при нажатии на кнопочку - нас перекидывало на другой сайт.


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
        <script>
           /* 
           * Функция получает целевой адрес страницы url 
           * на которую перекидывает пользователя. 
           */
           function changeURL(url){
           window.location.href = url;
           }
        </script>
      
 </head>
 <body>
  
    <button onclick="changeURL('http://google.ru')">Перейти в гугл</button>
    <button onclick="changeURL('http://yandex.ru')">Перейти в Яндекс</button>
    <button onclick="changeURL('http://pikabu.ru')">Перейти в Пикабу</button>

 </body>
</html>

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

пятница, 9 декабря 2016 г.

Изучаем JS - таблица умножения

Напишем простую таблицу умножения, которую будет выводить скрипт.

 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
<script>
            var i = 1, j = 1, sum, text = "<table><tr>",
            text01 = "</tr><tr>", text02 = "<td>", 
            text03 = "</td>", text04 = "</td></tr></table>";
            
            document.write(text);
            
            
            while (i <= 9) {
                document.write(text02);
                
                
                while (j <= 9) {
                    j++;
                    sum = i * j;
                    document.write(i + "*" + j + "=" + sum + "<br/>");
                }
                document.write(text03);
                
                if (i === 3 || i === 6) {
                    document.write(text01);
                }
                i++;
                j = 1;
            }
            document.write(text04);
        </script>
И напишем CSS чтобы немного разукрасить всё это безобразие
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
 <style>
            table, td {
                border: 1px solid #5ea26b;
            }

            td {
                margin: 10px 15px;
                padding: 5px 10px;
            }
        </style>
Должен получиться такой результат

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

вторник, 6 декабря 2016 г.

Хорошая капча, не пробиваемая автоматизированными капчараспознавателями

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


  1. Даётся картинка капча. В качестве неё выступает у нас первая строка картинок. Далее идёт подсказка. Это вторая и третья строки.
    А потом идёт текстовое поле <input> для ввода ответа.


  2. Второй вариант, в принципе понятно из картинки:
Надо понять только одно - надо максимально усложнить автоматическое распознавание и упростить  ручной ввод.
Если не понятно, ручной ввод - это ввод данных реальным пользователем. Усложняешь ввод для него - отталкиваешь пользователей от своего сайта.

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

воскресенье, 4 декабря 2016 г.

Как сделать хорошую капчу

Привет, друзья!

Сегодня, в очередной раз столкнулся на одном сайте с "интересной" капчей. Интересная - это в моём понимании - тупая капча, при создании которой программист особо не задумывался, как будет происходить взаимодействие пользователя с капчей.
Это капча вида  - большие и малые буквы)). Вы же сами, наверняка с такими сталкивались.
Это самый идиотизм.
Для большей защиты - мои принципы хорошей капчи:
1. принимаются любые символы, строчные и прописные. Это надо явно указать в заголовке капчи.
2. Не применимы похожие символы, например, о и 0, з и 3 и тд.
3. Если уж хочешь усилить защиту - делай это жестко)). После трех вводов неправильной капчи - бан на 5 минут. После каждых 3 вводов - время бана увеличивается в 2 раза. Защита не должна быть чрезмерной.
4. Если уж хочешь усилить капчу - комбинируй методы, т.е. например, пиши выражение "Введите ответ": "Три плюс" и на картинке "два" и тд. Или, "Введите название третьей планеты от Солнца, как написано на картинке", рядом картинка, где нарисовано Солнце и все планеты с их названиями. Какой программер распознаватель сможет распознать какой текст надо вставить? Никакой.
А от ручных распознаваний капчи ты никак не спасешься. 

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

среда, 2 ноября 2016 г.

Как научиться быстро печатать - простой и понятный мануал

Привет читатели!
Сегодня хотел бы рассказать вам о том, как за месяц можно научиться быстро печатать.
Плюсы:

  1. Вы научитесь печатать вслепую, т.е. не глядя на клавиатуру, а глядя в монитор.
  2. Вы будете печатать, думая что вам написать, а не какую клавишу надо нажать следующей.
  3. Это, я думаю, будет дополнительный полезный навык, который повысит вашу стоимость на рынке труда.
  4. Вы перестанете бояться печатать. Поверьте, когда вы научитесь этому методу, вы заметите, как легко и просто из вас льются мысли в ваш личный блог и тд. 
  5. Ваша скорость печати повысится. В среднем двумя пальчиками (неважно, четырьмя, шестью, восемью) человек печатает до 120 символов в минуту. У меня на данный момент на кириллице скорость печати простых текстов доходит до 400 символов в минуту. Сложноватые тексты (с кавычками, цифрами, буквами "ё") - до 250 символов в минуту. 
Итак, не будем катать вола, перейдем к мануалу.

Мануал по обучение быстрой печати на клавиатуре. 

  1. Идём сюда и качаем книгу "Соло на клавиатуре" Владимира Шахиджаняна. В этой книге с юмором рассказывается о обучении слепому десятипальцевому методу печати. Также в книге есть задания, которые надо выполнять. 
  2. Каждый день выделяем себе по 1 часу для занятий. Можно больше. Я больше заниматься не мог, так как учился на печатной машинке. А там после часа печати пальчики бо-бо)). 
  3. Через 1 месяц вы получите изученный метод слепой печати. Ориентировочную скорость до 120 знаков/минуту. С этого момента стараемся никогда не смотреть на клавиатуру и печатать вслепую. Хорошее упражнение - печатать с завязанными глазами какой-то известный вам текст. Или свои мысли. 
  4. Время от времени по возможности посещаем сайт клавогонки, где соревнуемся в увеличении скорости и качества печати. Соревновательный метод всегда помогает улучшить результаты и скорость обучения. 
  5. При желании освоить латинскую клавиатуру, рекомендую перейти на сайт Соло на клавиатуре и купить у них программу. Стоит она недорого, до 200 рублей. Изучать печать по ней можно достаточно быстро. Правда она бесючая))). 
  6. Профит!

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

Как питаться дешево или рацион для студента

В период кризиса все задумываются о сокращении расходов. С учетом того, что почти три четверти россиян тратят на еду половину дохода  -  сокращение расходов на питание является важной составляющей увеличения дохода. Ведь непотраченные деньги = заработанным деньгам.
Хочу представить вам свой вариант недорого питания.
Сам не так давно обнаружил этот вариант, с связи с кризисом))).
Итак, не будем долго катать вату, приступим.
Сейчас общие принципы недорого питания.
1. Никакой говядины, только курица и рыба.
2. Мясо нужно измельчать.
3. Соусы
4. Фрукты.
А теперь подробнее по пунктам.

Никакой говядины, только курица и рыба

Поищите в магазинах, в некоторых продают суп-набор из курицы. Я нашел такой суп-набор за 50 руб./кг. Если нет суп-наборов, тогда надо покупать курицу целиком. Полкурицы недавно купил за 130 руб, там было чуть больше 1 кг. 
С учётом того, что в курице содержится до 20% костей, мы получим с килограмма курицы 800 гр мяса. Потребность взрослого человека, занимающегося умственным трудом - 120-140 гр мяса в день. Если вы работаете физически - до 220 гр. в день. 
Таким образом, даже для самого критического случая - этого мяса хватит на 4 дня. 
Итак, что делаем с мясом? Варим. Причем варить надо в достаточно большой посуде. Например, я варю 1 кг курицы в 8 литровом казане. В бульон можно и нужно добавить лавровый лист, около 10 горошин черного перца, также я обычно добавляю сырой или поджаренный лук. 
Чтобы бульон получился хорошим, необходимо снимать пену. Проще всего снимать ее, используя поварешку и дуршлаг. Просто держите дуршлаг над посудой с бульоном и поварешкой наливаете бульон, стараясь зацепить его сверху, где плавает пена. 
Что делать с бульоном? Из половины бульона и мяса я обычно готовлю суп. Суп готовлю объёмом 4-5 литров. На двух человек этого хватает на 2-3 дня. 
Вторую половину можно использовать по-своему усмотрению. Я завариваю на бульоне овсяные хлопья (питаюсь по утрам овсянкой в обязательном порядке, так как болит желудок). 
Насчёт рыбы - попробуйте различных поставщиков замороженной рыбы. Если найдете нормального поставщика, поверьте из замороженной рыбы получается неплохое блюдо. 
Не знаю, насчет того, можно ли жарить замороженную рыбу. Я готовлю замороженную рыбу в мантоварке (пароварка). Ее можно готовить не размораживая. Как улучшить вкус этой рыбы - смотри в теме соуса. 

Мясо нужно измельчать

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

Соусы

Еще один прием из рациона азиатов (китайцев, японцев и тд) - это использование соуса. С правильным соусом, даже голый рис покажется вполне даже вкусным блюдом. 
Также практически в любое блюдо можно добавлять томатную пасту. Она стоит не так дорого, добавив в нее различных специй можно сделать вкусный и главное натуральный кетчуп.
Чуть не забыл написать про готовку рыбы в пароварке. Готовящуюся рыбу намажьте соевым соусом. Получится объедение. 

Фрукты

На сэкономленные деньги периодически покупаем фрукты. Как говорят англичане - "An apple a day - get doctor away", т.е. "Яблоко в день, доктор давай до свиданья"))). 
О пользе фруктов думаю никто не будет спорить. Полноценный рацион без них я считаю, не организовать. Витамины лучше добирать из фруктов, а не аптечных лекарств. 
Если с деньгами беда, покупайте хотя бы бананы. Они обычно не такие дорогие, аллергии на них обычно нет, чаще всего в магазинах попадаются вкусные бананы. Как человек, который работал в магазине, открою вам небольшой секрет - вкуснее всего бананы, которые уже начали темнеть (при условии, что видно, что коробку недавно открыли). Это естественно, ведь бананы, сорванные практически спелыми начинают портиться быстрее. При этом также понятно, что чем дольше они провисели на дереве, тем больше они получили питательных веществ. 
Недозревшие же бананы, при хорошем внешнем виде, зачастую имеют вкус картошки))). 
На этом все, если тема интересна, могу еще поделиться пособием по быстрой готовке еды. Пишите в комментах. 
PS. На кнопочки внизу не забудь нажать, тебе не сложно, а мне приятно))). 



Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

четверг, 27 октября 2016 г.

Задания по Javascript для самостоятельного изучения

Задания с сайта codeschool.com для самостоятельного изучения JS.

Математические операции. Приоритет 

  1. Используя операции +, -, / и * напишите выражение, результат выполнения которого будет равен 36. 
  2. Введите одно выражение, соответствующее трем критериям: результат равен 14, в выражении используются как минимум 3 разных числа, в выражении используется не более одной пары круглых скобок. 
  3. Используя оператор % составьте математическое выражение, которое даст в результате 4. 
  4. Напишите булевое выражение, сравнивающее два числа на равенство и выдающее значение "ложь"
  5. Напишите булевое выражение, сравнивающее два числа на неравенство и выдающее значение "правда"

Строковые функции

  1. Создайте строку с вашими именем и фамилией. Первые буквы должны быть заглавными, слова отделены пробелом. 
  2. Следующую фразу поместите в одну строку. Выведите ее на экран, в следующем формате, используя спецсимволы для табуляции, новой строки и экранирования кавычек. Ворона сказала:
                               "Никогда!"
  3. Создайте булевое выражение, которое сравнит две строки на идентичность и выдаст результат "правда"
  4. Используя оператор конкатенации "+", объедините следующие слова и числа: восемь, 5, шесть, два, 3, 7. Все значения должны быть отделены пробелами. Результатом объединения должно быть выражение "восемь 5 шесть два 3 7".
  5. Создайте строку, состоящую из 33 символов. Затем верните длину строки с помощью оператора .length

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

Android разработка. Курс от Гугл. Создаем первое приложение. Создание андроид проекта

На этом уроке вы узнаете, как создать новый Адроид-проект с помощью Android Studio и узнаете из каких файлов состоит проект.

  1. В Android Studio создайте новый проект
    • Если у вас еще не открыт проект, в стартовом окне Android Studio нажмите Start a new Android Studio project (начать новый проект). Если у вас уже открыт проект, выберите File->New Project
  2. В окне настроек проекта введите следующие значения:
    • Application Name: My first app (это название приложения - только на англ.)
    • Company Domain: example.com (сайт компании) Android Studio заполнить эти поля, но вы можете поменять эти значения позже, если пожелаете. 
    • Нажмите Next  
    • В окне Target Android Devices оставьте существующее значение и нажмите Next
    • Minimum Required SDK - это самая ранняя версия Андроид, которую будет поддерживать ваше приложение. 
    • В окне Add an Activity to Mobile выберите Empty Activity и нажмите Next 
    • В окне Customize the Activity, оставьте существующие значения и нажмите Finish 
Androis Studio начнёт создание нового проекта, что займет некоторое время. После этого откроется приложение "Hello World" с набором файлов по умолчанию. Вы будете добавлять функциональность в некоторые из этих файлов в последующих уроках.
Теперь давайте уделим внимание самым важным файлам. В первую очередь, убедитесь, что открыто окно "Project" (выберите View->Tool Window->Project).
Также с левой стороны в выпадающем списке надо выбрать Android
Вы можете увидеть следующие файлы MainActivity.java, activity_main.xml, AndroidManifest.xml, build.gradle

app>java>com.example.myfirsapp>MainActivity.java  Этот файл появляется после создания нового проекта. Он содержит класс, описывающий Активность, которую вы создали ранее. Когда вы создадите и запустите приложение, запустится класс Activity и загрузит файлы, которые выведут на экран "Hello World!".
app>res>layout>activity_main.xml Этот XML файл определяет разметку Активности. Он содержит элемент TextView с текстом "Hello World!".
app>manifests>AndroidManifest.xml этот файл описывает основные характеристики приложения и определяет их компоненты. Мы вернемся к этому файлу позже, чтобы добавить новые компоненты.
 Gradle Scripts>build.gradle - Android Studio использует Gradle компиляции и сборки вашего приложения. Существует файл build.gradle для каждого модуля вашего проекта, также существует файл с таким же названием для всего проекта. Обычно вас интересует только build.gradle файл отдельного модуля, в нашем случае модуля app. Для дополнительной информации о этом файле, смотрите Сборка вашего проекта с Gradle (англ)
Узнать как запустить приложение вы сможете в следующем уроке. 

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

пятница, 21 октября 2016 г.

Android разработка. Курс от Гугл. Создаем первое приложение. Введение.

Добро пожаловать в разработку приложений Андроид.
Этот урок научит вас, как создать ваше первое андроид приложение. Вы научитесь создавать проект андроид с Android Studio и запускать отладочную версию приложения. Также вы изучите некоторые фундаментальные составные дизайна приложений андроид, включая то, как сделать простой пользовательский интерфейс и обеспечить ввод пользовательской информации.
Перед тем, как перейти к этому уроку, скачайте и установите Android Studio

Урок состоит из следующих частей:

  1. Создание андроид проекта
  2. Запуск вашего приложения
  3. Создание простого интерфейса пользователя (давайте может на будущее определимся, что это UI - User Interface)
  4. Запуск прочей активности



Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

Android разработка. Курс от Гугл. Введение.

Оригинал - https://developer.android.com/training/index.html

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

Выкладываю список заданий (уроков, глав или назовите как хотите). Пока просто названия, будет дополняться ссылками по мере перевода. Также названия уроков пока переведу как понимаю. По мере перевода самого урока, возможно некоторые названия будут изменены.

Уроки по Андроид разработке

  1. Введение
  2. Создаем первое приложение
  3. Поддержка различных устройств
  4. Управление жизненным циклом активности. 
  5. Создание динамического интерфейса пользователя с помощью фрагментов
  6. Сохранение данных
  7. Взаимодействие с другими приложениями
  8. Работа с системными разрешениями (правами??)
  9. Создание приложения с возможностью поделиться (sharing) контентом
  10. Создание приложений с Мультимедиа
  11. Создание приложений с графикой и анимацией
  12. Создание приложений с возможностью соединения с интернет и облака
  13. Создание приложений с геолокацией и картами
  14. Создание приложений с информацией о пользователе и авторизацией
  15. Создание приложений для носимых устройств (часы и тд)
  16. Создание приложений для ТВ
  17. Создание приложений для авто
  18. Советы по интерактивности приложений
  19. Советы по пользовательскому интерфейсу
  20. Советы по пользовательскому вводу информации
  21. Советы по бэкграунд работе
  22. Советы по производительности
  23. Советы по приватности  и безопасности
  24. Советы по разрешениям (правам) и идентификации
  25. Советы по тестированию
  26. Использование Google Play для распространения

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!

Android разработка. Курс от Гугл.

Заинтересовался разработкой под андроид.
Есть курс от Гугл - https://developer.android.com/training/index.html на английском.
И хотя я читаю на английском, однако мне проще сначала перевести его на русский, а потом уже вчитываться. Именно так я делал, когда я изучал html и css. Переводы выкладывал на сайт - weblabla.ru.
Буду переводить его и выкладывать сюда.

Если вам понравилась/принесла пользу эта запись, то сказать "СПАСИБО" очень просто - поделитесь записью в социальных сетях при помощи кнопочек ниже. Вам несложно, а мне приятно!