Advertisement
Gordon___From

Черновик: Знания и задания по js

Sep 30th, 2015
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.01 KB | None | 0 0
  1. Набор базовых знаний по Javascript:
  2. 1.1 Стандартная библиотека языка
  3. - управляющие конструкции;
  4. - типы данных и основные операции с типами данных;
  5. - регулярные выражения
  6. 1.2 Замыкания, области видимости
  7. 1.3 Работа с объектам:
  8. - создание объектов,
  9. - прототипы и наследвание
  10. - контекста вызова
  11. 2. Работа с браузерными API:
  12. - DOM, поиск элементов в документе, создание DOM элементов на странице, создание таблиц
  13. - события
  14. - Метрики
  15. - canvas, svg
  16. 3. Структурирование кода:
  17. - работа c js модулями,
  18. - загрузчиками модулей ( requirejs и тп )
  19. - минификация кода, таскранеры ( uglify, grunt и тп. )
  20. 4. Знания пакетных менеджеров и систем контроля версий: npm, bower, git
  21. -
  22. Задания:
  23.  
  24. 0. Работа с циклами и операции над строками
  25. Необходимые знания:
  26. - выборка элементов в DOM дереве
  27. - работа с массивми и строками
  28. - знание базовых управляющий конструкций языка и циклов
  29. Требования:
  30. - Использовать чистый javascript
  31. - использовать elem.className, а не elem.classList
  32. Описание:
  33. Напишите несколько вспомогательных функций:
  34. - hasClass( node, className ) - возвращает boolean
  35. - addClass( node, className ) - className строка, содержащая названние класса или несколько
  36. названий классов через пробел
  37. - removeClass( node, className ) - className строка, содержащая названние класса или несколько
  38. названий классов через пробел
  39. - toggleClass( node, className ) - добавляет класс или несколько классов к DOM элементу, если
  40. класса нет у элемента. Если у DOM элемента есть класс, убирает его(их)
  41.  
  42. I. Автокомплит.
  43. Необходимые знания:
  44. - работа с формами
  45. - работа с массивами
  46. - поиск элементов в DOM
  47. - события клавиаутры и мыши
  48. - работа с ajax, XMLHttp
  49. - понимания взаимодествия браузера с бекендом, проктокол
  50. Требования:
  51. - установка зависимостей через bower
  52. - оформление стилей с bootstrap
  53. - рекомендуется сделать два варианта на чистом javascript и с использованием jquery
  54.  
  55. 1. Backend на php, имеется словарь терминов, например, названия языков программирования )
  56. 2. Frontend: форма с автомплитом: при наборе символов в поле происходит ajax запрос, на
  57. backend'e происходит выборка терминов по совпадение первых нескольких символов и отсылается
  58. JSON в ответе
  59. Пример работы https://jqueryui.com/autocomplete/.
  60.  
  61. II. Табы с получением контента через ajax
  62. III. Аккордин меню
  63. IV. Стилизация селекта, также селекта с мультивыбором.
  64. V. Drag-and-drop меню sortable
  65.  
  66. VI. Словарь живтоных.
  67. Необходимые знания:
  68. - собитыя мыши
  69. - ajax
  70. - размеры и координаты в окне браузера
  71. Требования:
  72. - установка зависимостей через bower
  73. - оформление стилей с bootstrap
  74. - рекомендуется сделать два варианта на чистом javascript и с использованием jquery
  75.  
  76. Имеется сайт энциклопедия с животным, в каждой статье имеются выделеные с помощью стилей
  77. термины-ссылки или ссылки на статьи про виды животных. Необходимо, при наведении на термин
  78. в тултипе рядом с термином подгружаться либо изображения, которое соотноситься с этим видом
  79. животного, либо подгружать кратое описание этого термина. Ссылки должны оставаться кликабельными.
  80.  
  81. VII. Изображение с лупой.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement