Skip to main content

How to start learning Web-development

How we change atom ide icon theme

How we setup atom ide in windows -

Atom integrated development environment was quiet similar to vs code in function or say feature and we write type of languages in atom ide but atom is quiet heavy to load and you can use it as primary ide and code on it also developed by github which was very know by all coding communities github is a very know for all coder because it was a code hosting platform which is used to for to person will work togather on same project like web developnment and app developnment this is for a private profile if you have a public profile on github then those person who have better suggestion for you then they suggest you for modification on it and if you want then you can modified on them.

Steps to setup -

step 1 : go to any web browser 
step 2 : search for atom ide or click on link 
step 3: then click on download button 
step 4: it take time to download and after that setup it 
step 5: after install go to file option placed at top-left 
step 6: then click on it and select open folder
step 7: then select which folder you want to open 
step 8: after selecting start coding 

Atom is very heavy to load but the feature of atom ide was very workfull and cool and the feature was very useful for us atom integrated development environment we can code all type of language in atom and the main thing in the atom is that it belongs to or say developed by GITHUB which was very know website for developer so their is all doubt is clear so go and use atom ide .

How we change atom ide icon theme 

If you want to make  your atom IDE more interesting or attractive for using and also you use it in hour and mostly work  done on atom ide you should makeover the atom ide icon for changing icon follow the steps given below :-

Step-1 : First take cruiser to file which at top-left side on screen then click on setting 

Step-2 : Then click on it go to theme option and select them

Step-3:  There is many option of UI theme and SYNTAX theme for changing and " If you want to more theme go next step " and search for them and select which you want and go with that

Step-4: Go to install option on left side then click on them and it take time to download depends on your laptop after download select them.

Step-5:  Search theme and set it according to you choose and go with that

 If you think that atom take lots of space in your pc and it not work on you pc then if you think for upgrading your pc then you want a portable machine so you do not  have any choice go with Gaming Laptop which also a best machine for coding and developing so if you want to do both things gaming or coding go for gaming laptop 

 













             

Comments

Popular posts from this blog

Why we learn REACT JS in web development

 REACT JS in web development - why we use it ? we learn REACT JS in web development because it help us to write less code and make more efficient  website because it divide code into many component which was which help us to to write less code and make more efficient work in less time you can say it is time saver if you don't want to write code from base or say scratch react js is reliable for us and very efficient for web development . What is Component means ? The meaning of component is you say in simple language is react divide the code of website let say if we want to make a website and we want to use a code repeatly so we have to write the again and again but if you was use component you have to write code at ones and use it by import it again and again you can work very efficiently and fast  What we have to do in react  In react we have to convert html form language into JSX form language and if you think how we can do this so their is many option are availabl...

Code of HTML and CSS how we take color , border , etc

  code of HTML and CSS - 1. How we take change color in css (color and border both property) code - <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>color in css</title> <style> .color1{ background-color: green; } .color2{ color: yellow; } .color3{ border: 2px solid red; } </style> </head> <body> <!-- lets take paragarph --> <p class="color1"> In display property if we apply inline-block property on it we can be set their width and height and element was set next to a element in line it not take extra space so in easy word it is work as both block element who's width and height can be changed </p> <p class="color2"> In display property if we apply inline-blo...

Funcation in c++ programming example in detail

Friend Funcation- 1. Adding to complex number in friend function #include<iostream> using namespace std; class container { float a,b; public: void get() { cout<<endl<<"Enter value for A="; cin>>a; cout<<endl<<"Enter value for B="; cin>>b; } void disp() { cout<<endl<<a; cout<<endl<<b; } friend container addition(container,container); }; container addition(container X,container y) { container Z; Z.a=X.a+y.a; Z.b=X.b+y.b; return Z; } int main() { container P,Q,R; P.get(); P.disp(); Q.get(); Q.disp(); R=addition(P,Q); R.disp(); return 0; } Output - Enter value for A=12 Enter value for B=12 12 12 Enter value for A=1 Enter value for B=1 1 1 13 13 2.  If class one is friend function of two it not means that two is friend functio...