WEBELO
Still wrestling with boring HTML, CSS, and JS just to align a simple div?
Say goodbye to hours of coding frustration.
Introducing WEBELO — a powerful drag-and-drop website builder that lets you create stunning web pages without writing a single line of code.
How it works:
1) Drag & drop elements like text, images, videos, iframes — you name it.
2) Click "Generate"
3) Boom! Instantly get the full website code — ready to use or publish anywhere.
No stress. No code. Just create.
Followers
Ansh Sharma
Whoops! Looks like they don't have a project yet. Maybe ask them to start one?
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
TOOO MUCH BACKEND !
I hope getting on frontend soon ! Going again through the roots and diving into NodeList, HTMLCollection and Nodes in particular again.
Just updating my 10 hours (approx.) !<br>
Alterations in
AbortSignalandAbortControlleralong with some more stuff implemented !<br>
Completing my goals ! #ENDING-BACKLOGS
Yes ! Yes ! Yes!
After a whole eternity, I have fixed the bugs. Finally, updated the structure of the DOM part of the project and completed the bug fixes.
Couldn't complete the set goal but set to achieve it now.
Declared Important Classes & Structs
Just Finished declaring important stuff like events, document, ranges, nodes, elements, etc... Had to read lengthy amounts of DOM specification !
Now, I will be targeting each one by one and define each properly.
>Next Target: Completing DOM Implementation by day after tomorrow, max !
Read & Implemented some parts of the Events in DOM !
Just for example, we do .addEventListener() in JS, it's basically a function of the Document Object Model and that's what I researched about and worked a bit today.
So, what happens is that there is a text, image, etc.. and everything is an EventTarget which has a list of event listeners which we add using .addEventListener() in JS. Also, there is an Event which it waits to happen.
Logging off for today but tomorrow full heavy grind to get this Event as well as some Node( Everything like image, text, video, etc.. is a Node) parts complete !
Initiated the project starting from the basics of the web ! #DOM
DOM (Document Object Model) is a tree data structure which stores the HTML when it is processed (parsed) by your browser (Chrome, Brave, etc..) ! It follows some guidelines as mentioned at https://dom.spec.whatwg.org/ !
Following the DOM STANDARD, I have created Event class with its functionalities and worked on Nodes too !
As in the image shown, the HTML is parsed/processed to look like the tree !
You can check it out for your code at https://bioub.github.io/dom-visualizer/ ! It's not mine, just for representing how it will look after DOM part is complete.
