могли бы что то подсказать?)

точнее даже css почти полностью освоил , а вот java нервы портит

Java или JavaScript ?

JS

именно он )

Да куча уровов всяких, даже в ссаном контакте ечть куча груп по программированию

чекни https://tproger.ru

Javad Anvarovich, [05.05.20 22:59]
всем привет ! я выучил основы js, ну типо переменные , типы данных , объекты , функции . Собственно и вопрос,
что делать дальше? как с ними работать ? или я что то пропустил ?)

Садишься и лабаешь код)

можно поподробнее пожалуйста?)

Ну какие ты задачи хочешь делать на нем? Найди себе задачи и начинай делать)

@Pezdota  спасибо

А учил-то для чего? )))

для веб разработки

let searchBox = document.getElementById('search');
let myForm = document.getElementById('my-form');
let newItem = document.getElementById('items');
let msgBox = document.querySelector('.msg');
let bgEffect = document.querySelector('body');

bgEffect.addEventListener('mousemove', mouseColor);
searchBox.addEventListener('keyup', searchList);
myForm.addEventListener('submit', addTask);
newItem.addEventListener('click', delItem);
//newItem.addEventListener('click', editItem);

function mouseColor (e) {
   bgEffect.style.background = rgb(${e.clientX}, ${e.clientY}, 40);
}

let todos =[];

function addTask (e) {
   e.preventDefault();
   let textArea = document.getElementById('inpVal').value;
   
   if (textArea === '') {

       msgBox.classList.add('msg')
       msgBox.innerHTML = 'Add task please';
   }
   else{
       msgBox.classList.add('msg')
       msgBox.innerHTML = 'Successfuly Added';

       let newTask = document.createElement('li');
       newTask.classList.add('liStyle');
       newTask.appendChild(document.createTextNode(textArea));
       newItem.appendChild(newTask);

       let delBtn = document.createElement('button');
       delBtn.className = 'btnStyle delete';
       delBtn.appendChild(document.createTextNode('X'));
       newTask.appendChild(delBtn);

       let editBtn = document.createElement('button');
       editBtn.className = 'editStyle editBtn';
       editBtn.appendChild(document.createTextNode('Edit'));
       newTask.appendChild(editBtn);

       todos.push(textArea);
       console.log(todos);
       myForm.reset();
   }  
   // saving to local storage
   localStorage.setItem('My Todo List', JSON.stringify(todos));
   sessionStorage.setItem('My Todo List', JSON.stringify(todos));

   setTimeout(() => msgBox.remove(), 3000);
}

function delItem (e) {
   if (e.target.classList.contains('delete')) {
       let newTask = e.target.parentElement;
       newItem.removeChild(newTask);
   }
}

function searchList (e) {
   // convert to lower case
   let text = e.target.value.toLowerCase();
   // get the list
   let itemList = newItem.getElementsByTagName('li');
   // convert to array
   Array.from(itemList).forEach(function (list) {
       let itemName = list.firstChild.textContent;
       if (itemName.toLocaleLowerCase().indexOf(text) != -1) {
           list.style.display = 'block';
       }
       else {
           list.style.display = 'none';
       }
   });
}

то что я смог созадть за месяц

Ну так... Вперёд! Практика нарабатывается в бою. Как вариант, берешь тестовое задание в любой софтверной конторе и пытаешься сделать.

дело в том что я не врубаюсь, например где, куда и когда использоавть массивы или объекты

с DOM ом  понятно как бы

Все с опытом, все с опытом ...