DEV Community

Cover image for Day4 with Html/css and Javascript #help

Day4 with Html/css and Javascript #help

Nirosh kumar.R on November 04, 2020

It's my day 4 documenting myself in this community and I really need some help with css and javascript.Idk what to work with to get best practice i...
Collapse
 
isarisariver profile image
Marian

freecodecamp has lots of little exercises for Html, CSS and JavaScript.
I also find it a good practice to look for interesting designs on Dribbble and then (trying to) copy them.

Collapse
 
dev_nirosh profile image
Nirosh kumar.R

Thank you 🌟

Collapse
 
allanjaymonteclaro profile image
Allan Jay

I used to read/watch code snippets on youtube. Anything that catches my attention and looks cool such as in tympanus.net/codrops/. Usually they come with tutorials. But, I also use these to identify which parts of CSS and JS I need more studying. Once I studied those parts, I go back to the tutorial and continue. Making something that looks awesome boosts my motivation especially on days when I feel lost. It's a combination of trial and error as well as guided learning.

Collapse
 
dev_nirosh profile image
Nirosh kumar.R • Edited

Thank u it was so helpful🌟 reading your comment made my day.

Collapse
 
allanjaymonteclaro profile image
Allan Jay

I'm also in your situation, some days. In my case it's Python. Have fun with CSS and JS!

Thread Thread
 
dev_nirosh profile image
Nirosh kumar.R • Edited

What can i do with python in webdev can say that please? Tell me your suggestion....

Thread Thread
 
allanjaymonteclaro profile image
Allan Jay • Edited

That really depends on what you want to do with Python. For me, I'm interested in its use in automation and machine learning. But I'm far from that. While learning the basics, I usually find problems where I can create solutions using Python. Even short Python scripts. For example, I'm currently writing a script that will convert a list of items into an HTML/CSS formatted table of contents. This is something that I can use at my current work since it's tedious to manually copy paste into our ToC format.

Another popular programming practice is to clone an app or a website. Essentially, you will develop your own app/website with the same functionality as those existing ones. One of the most popular is to clone twitter. There are tons of tutorial for that. You can even combine your CSS/JS skills with Python when developing a clone.

Collapse
 
codefinity profile image
Manav Misra

So. I guess this is a bit of shameless self-promotion, but: shows a good 'first project' - an image gallery with all 'vanilla' stuff, pretty much.
It's something one can definitely build upon and customize.

While I'm 'shamelessly self-promoting,' if you want a complete 'starter kit,' you can have a look 👀:

Collapse
 
dev_nirosh profile image
Nirosh kumar.R

Hey... Thank u🌟 this project is great I'll work on this and I'll let u know soon.

Collapse
 
codefinity profile image
Manav Misra

Sure. Kindly LMK of any parts that may be unclear, etc.

Collapse
 
abhishekpakhare97 profile image
Abhishek Ramesh Pakhare

Hi Nirosh,
I would highly suggest this following resources for CSS and JS:

JS :

MDN

alligator.io

CSS :

CSS tricks

Both :

Best practices

Collapse
 
dwolks profile image
Daniel Wolks

Check out freecodecamp.com best free learning resource out there in my opinion!

Collapse
 
princewilldev profile image
PrincewillDev

Hello Guys, I'm Princewill I started studying html from last month and now am in css I need advice, as a novice in web development how I can do better??