JavaScript DOM импровизации


4

Здравейте, колеги,

понеже курсът по JavaScript UI & DOM вече доста напредна, се чудех дали има и други, които си разцъкват разни допълнителни задачки за упражнение? Аз хванах да решавам домашните от миналата година (тези от тях, които ми се струват по-интересни), пробвах да решавам изпитни задачи и си пиша някакви собствени импровизации. Забавленията ми с DOM манипулациите са тук.

С JavaScript могат да се правят много готини неща, но на мен или не ми хрумват, или все още не знам как да ги осъществя. Затова ви подканям и вие да споделите с какво се упражнявате - за да почерпим малко вдъхновение един от друг. :)




Отговори



1

Привет!! Ето моят списък от неща, които се опитвам да правя:

  1. Сайт с три-четири позиции в менюто, като се кликне върху елемент от менюто, съдържанието в средната част се сменя, хедър и футър остават постоянни
  2. Акордеон 
  3. Слайдер - хоризонтален и вертикален
  4. Грид контрола - интересен  варианта с достъпни за редактиране елементи. Може да прави пресмятания като Ексел или да показва съдържанието на релационно свързани таблици
  5. Task List с теми и подтеми
  6. Форма с логика - ако е избрано "това" скрий "онова" и покажи "друго"
  7. Галерия от картинки - но с input type="file", така че да се получи реалния път във файловата система и да се визуализира
  8. Игра с плочки - например 5х5 всеки две плочки означават една и съща дума на два езика, кликваш на дума от първия език, после на дума от втория, ако значат едно и също, плочките се скриват
Поставих си за цел да ги правя от нулата, без html елементи, само с JavaScript и в два варианта - vanilla  и jQuery. Не съм много успешна, но...

от shevitza (55 точки)


0

Здрасти, поразгледах ти кода, най-вече за handlebars. Можеш да използваш build-in helper {{with student}} и вътре направо да използваш пропъртитата на студента {{/with}}. И аз така като тебе първоначално подходих най-интуитивно и наивно, но хората са го измислили и си има готин начин :)

И тва с твоя custom helper за getType е добро :))


от g.yonchev (2087 точки)