Saturday, 24 August 2019

Sun 25th Aug 2019 Set up Visual Studio Code/plus, Live Server/Joined: flote.app/KodeKloud/B4X.COM/CSS Positioning

VISUAL STUDIO CODE/LIVE SERVER EXTENSION PLUG IN

I decided to go open up Visual Studio Code...which I did already download some time back; but, then, hardly ever used.

After seeing a few YouTube 'web development' tutorials which used it...I thought to myself why not go give it another try...in particular, I wished to find out how 'Live Server' works...?

As it is, I didn't find it much too difficult to set up...; and, get working successfully.


However, right now, I'm still struggling to work out how to load/use other plug in extensions, such as:
->  Emmet
-> GitHub
-> NodeJS
-etc.

Looking through VSC menus...I can see there are also options for loading: Terminal/Debugger/-etc.; none of which options I've ever tried using, yet?



Here I have a go at playing around with using Git source control...so far, I figured out how to...
-> See which files are Untracked: (U)
-> Add files to the stage: (A); also, unstage files
-> Commit files; also, undo ALL changes
...most unfortunately, though, when I tried to PUSH those changes it wouldn't let me...as it says I haven't yet set up the details of where the PUSHED files are to go.



And, here I'm playing around with using the Terminal/Powershell...; so far I figured out how to...
-> Create files using Windows notepad: notepad filename.ext
-> List files using DIR/LS
-> Delete files: DEL filename.ext
...and, I've still not even merely scratched the surface of what's more to learn, yet...? In particular, the use of Powershell...still remains a very 'dark'/or, unknown art to me. I did try looking into its commands before, yes, ages ago; but, my memory is such, that I completely forget...which is mainly due to lack of constant practice.




If you are going to be a 'developer'; then, it's very important that you understand how to work with using the most popular freely available code editors...; these include...

-> Atom
-> Brackets.io
-> Notepad ++
-> Sublime Text
-> Visual Studio Code
-> -etc.

You also need to know how to work using 'terminals'...
-> MS DOS
-> Powershell
-> Unix/Linux
-> -etc.

If you don't understand how to add/use plug in's...how to set up 'live servers' to work with code editors/how to work with using menus/what the various different keyboard short cuts are...and, so on...; then, you really don't know nothing, yet!

The reason why that is...is because when you know how to work with a good code editor...then, your workload can, sometimes, be cut in half. For example, it might take me  a good 3 to 5 minutes just to create a simple [barebone.html] document; whereas using a plug in such as Emmet...in 1 second the [barebone.html] document has already been created.

I'm sure that one could easily spend a whole entire day...both day/night...just learning how to use the editor, alone; if not having to go take whole entire weeks to actually learn it; there are so many commands to learn/and, there is so much that 'modern day' editors can do...it's actually pretty damned amazing; and, this in turn reflects the 'complex' nature of web development now-a-days.

It's due to having to confront this learning curve...why I tend to much prefer sticking to using straight forwards and simple Windows Notepad application...which contains relatively few bells and whistles being added on; you can't even open multiple files at a time using it...; but, instead, it can only cope with just one file, alone; if you wish to deal with multiple files...then, you would need to open up multiple different Notepad application windows; because there is no MDI-Multiple Document Interface; however, these 'new' editor applications are nearly all MDI based; as well as, having different syntax colours/error highlighting...to cope with many different programming languages. Notepad doesn't have any of that...; so, one can learn to use all of the functions of Notepad...in around 10 minutes. At the end of the day, though...I need to move on...go up the ladder...instead, of remaining dead stuck exactly where I already am...otherwise, my coding capabilities might never improve.

04:24 AM JOINED: FLOTE.APP

Joined site called: flote.app
...not altogether too sure what it's about, yet; it looks like they exchange messages/'bit coints' together...; but, will need to do some more further research in order to learn more.


(I only joined because the PreSearch.org advert came up, repeatedly; which, eventually, made me want to 'click'....; I guess, this just goes to prove that seeing 'repeated adverts' really works, sometimes; if not always. Which brand of goods would you much rather buy...; an 'unknown'/totally 'unheard of' brand/or, a brand which millions of people do already know about as it's been seen advertised, regularly through the media channels....?)

10:29 AM JOINED: KODEKLOUD.COM

I was watching a YouTube video...explaining what Docker is...and, how to use it...this video impressed me an awful lot...as -(unlike with a lot of videos whose explanations I tend to find confusing)- the teaching was very straight forwards and clear. Teacher: Mumshad Mannambeth.

Docker Tutorial for Beginners | Docker Full Course

https://www.youtube.com/watch?v=LB-Qu8sWpD0&t=3024s


That's when I thought it would be a good idea to subscribe to their YouTube channel; as well as, join their web site online.

http://www.kodekloud.com




The same YouTube Channel: Geek's lesson -(not sure if they're connected to KodeKloud/or, not)- also have quite a few other YouTube video courses, as well; including:

Linux Command Line Full course: Beginners to Advance. Bash Command Line Tutorials

https://www.youtube.com/watch?v=2PGnYjbYuUo


Complete Python Course - Beginner to Advanced || Python Programming Full Course

https://www.youtube.com/watch?v=PJlAnR3asGQ&t=252s

-etc.

10:48 AM JOINED: B4X.COM/(BASIC4PPC.COM)

Joining this site interested me...because it seems to use an updated version of Visual BASIC...to create 'modern day' software applications with; the which software applications are meant to work cross platform.


05:01 AM WORKING ON LEARNING HOW TO USE CSS POSITIONING

Watched a YouTube video...from: techsith channel...teaching one about how to learn to use CSS positioning rules.

css position property tutorial ( fixed, absolute, relative, static )




I wrote my own source code example based on his which can be seen here...
https://github.com/pramnora/css/blob/master/css-positioning-01.html

And, the application web page can be seen by clicking here...
https://peaceful-wing-65e1cd.netlify.com/css-positioning-01.html



No comments:

Post a Comment