#Help with frontend dev app

1 messages · Page 1 of 1 (latest)

elder minnow
#

Hey hi i am doing internship and i have a task to do a " to do list app" using html css js

So i really don't where to start lol should i just do it in vs code?

Do you have any idea like the alg to add in js to make it more interesting and what options should I add?

I am also curious about how to do that "loading followed by loading icon" then show the title of the app" to do list "

I have the vision but dk how exactly put them all tgt and style
I know i just need to get started but would be soo happy if smo could assist me throughout these stuff

#🌐-web-dev-girlies

sharp flicker
#

Sure ofc First I would always start w a list w all the requirements and starting to plan out where to put everything

W ur example I would start thinking what should all the features be in the app

Collaboration w others? Advanced calender which u can customize? Can u add a date till the task is done?

After that I would start w a design (first a wire frame and then a actual ux design) and think about where to put everything

And then I would jump into vscode and start :D

#

Also lmk if u need support or have questions

drowsy karma
# elder minnow Hey hi i am doing internship and i have a task to do a " to do list app" using ...

ooh well from the 3-4 projects/sites i made from html css and js, to-do list was among them, but um i basically did that when i wasnt fully aware of js and hence i did it on console... It added tasks, listed em all out when i asked for it and deleted any specific task i wanted to... so i dont think that would be of much help, but yea i did it all on vs code, also regarding that curiosity, in 'react' you can do it the way you imagined with state management thingy in it (a friend mentioned about it sometime ago) but you can still have a loading bar on your screen through css (not sure of it being dynamic though ;-;), andd there's a channel called "hyperflexed" with some amazing front-end stuff to make your website look quite cool, so you can check out his channel asw

elder minnow
elder minnow
sharp flicker
elder minnow
elder minnow
#

Also what does<span> html is for?

sharp flicker
#

This is one for example
It also helps to see the functions

Aka if u click there Where u go

th_2.jpg
sharp flicker
#

For example u can use a span to make a specific word in ur text red

sharp flicker
#

Only diff is the usage and type of tag it is (if that makes sense

#

U can also checkout https://www.w3schools.com/

It explains the basics

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

elder minnow
elder minnow
#

This is how it looks rn i made two html pgs one for this other for the exact task and I haven't touched js yet i need to do more lol
But how is this as a beginner proj

IMG_20241220_153733.jpg
sharp flicker
#

If u want u can try out react it's gonna help u out alot

#

I like to call it Javascript on steroids hahaha

elder minnow
#

Imma start with js now

#

Is react easier than js?

sharp flicker
# elder minnow Is react easier than js?

I wouldn't say easier but If saves you alot of nerves due to the nice features it has

For example u can reuse own made "elements"

It's faster compared to js
(Faster rendering so if u want to do some advanced animations )

#

And many more (that I forgot haha)