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

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...

Tutorial 10 text align , decoration etc explaining

 Text in Css - 1.Text color -     here we can set color in text for making them more enhancive or if we want required to change in color of text it work perfectly  syntax - color : red; OUTPUT - text color is change to red 2.Text alignment -     It is used for align the text according to the requirement and their situation we align text at center , right , left etc syntax - text-align:center; 3.Text decoration-     It is to decorate the text let if we want to underline in text then we use text decoration and make it on the line  syntax - text-decoration: underline; OUTPUT - text have an underline decoration 4.Text transformation -  In this we transform letters into uppercase , lowercase and capitalization means if the letter is small then it will convert into uppercase or visa-versa syntax - text-transform:(uppercase , lowercase , capitalize); 5.Text spacing - It decided the space between letter and words both how many gap are between...

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...