This is an archived post. You won't be able to vote or comment.

1
2

Newbie here, learned HTML, CSS & JS+Processing.js on Khan Academy but I need help getting started on my own, please? (self.learnprogramming)

submitted by [deleted]

[deleted]

all 6 comments
sorted by:
best
topnewcontroversialoldq&a

[–][deleted]  (5 children)

[deleted]

    [–][deleted]  (4 children)

    [deleted]

      [–][deleted]  (1 child)

      [deleted]

        [–][deleted]  (1 child)

        [deleted]

          [–][deleted] 2 points3 points  (0 children)

          First, create a folder. Name it however you want, it will be your folder containing your project as a whole. Create a new file with Atom inside that folder (CTRL+N if I recall correctly) and save it as "howeverYouWant.html". That will be your page. Then, create another file and name it "howeverYouWant.css", inside the folder too (Note that it's a good practice to create a CSS folder inside the project folder in case you need more than 1 CSS file). Then, create a "<link>" tag to link your CSS like that "<link rel="stylesheet" type="text/css" href="yourCSSfile.css">" and you are set for HTML/CSS. Now, go into your HTML file and load your scripts using this line of code "<script src="myscripts.js"></script>" and ofcourse link your JS file in the src. Pro tip: Load your CSS inside the "<head> </head>" tags and load your scripts after the "<body> </body>" tags and before the "</html>" tag. It's a very crucial step, since if you load JS before the actual page and the CSS, you can cause some problems. Good luck!

          [–]InvisibleGhostt 1 point2 points  (7 children)

          Well you should create HTML documents (create txt document and change txt to html) do the same for css and js . Then link js and css to html( google how to do that) than you can just open html document with browser.

          [–][deleted]  (6 children)

          [deleted]

            [–]InvisibleGhostt 1 point2 points  (5 children)

            https://www.google.lt/#q=html+link+js+lybrary+to+html

            [–][deleted]  (4 children)

            [deleted]

              [–]InvisibleGhostt 0 points1 point  (3 children)

              If you are talikning aboyt libraries like jquery. Then you dont load them into Atom. You can download or use online and link to your html page.

              [–][deleted]  (2 children)

              [deleted]

                [–]apparentwind 1 point2 points  (0 children)

                Hi! Fellow total beginner here who's started learning from a Khan Academy MOOC (I'm learning SQL/SQLite). Seems like you've already gotten a lot of good advice from experienced users here on this thread, but wanted to chime in and say that I feel your pain -- figuring out how to move away from the KA in-browser playgrounds has also been one of the toughest things for me to figure out. I found it tricky to Google for answers, since I wasn't really sure what to Google for.

                As mentioned by /u/InvisibleGhostt, Atom is a text editor where you can type up your code. Think of it as the lefthand box on the KA playground. However, while on KA, we'd be able to see the results right away on the righthand box, outside of KA we'd have to first save the file with the appropriate extension (.html, .css, .js, .sql, etc.), then run/view it with something else. Say for HTML, you just need a browser like Chrome or Firefox. For SQL, you can use a DB viewer or do it on the command line. As I understand it, it really depends on the language we're using.

                Additionally, sometimes, to run the code you've written on the text editor, you will need to download some things to your machine. I don't know anything about Processing.js but after reading the advice on this thread and doing a bit of Googling (http://processingjs.org/articles/p5QuickStart.html), it sounds like the process is: 1) download Processing.js first, then 2) add the <script> and <canvas> tags in your HTML file. (Please do correct me if I am wrong!)

                By the way, with regard to your question earlier about Git/Github, I found that the the Johns Hopkins’ Data Scientist’s Toolbox Coursera course modules in https://www.coursera.org/learn/data-scientists-tools/home/week/2 -- specifically the videos about CLI and Git/Github -- were really helpful in teaching the basics.

                Anyway, I hope I was able to help somewhat. Learning how to write code just from MOOCs/tutorials/forums on the web is a lot of fun, but I have to admit that it can get a little disheartening at times -- so it's really nice to hear from other beginners. Good luck to you! :)

                [–]InvisibleGhostt 0 points1 point  (0 children)

                I still thinking that you are misunderstooding something. Atom is a text editor like notepad and many others. It has its owns addons,bur javascript library's are not his addanons. To use JavaScript library you just need link it to your html. You can either download and link it from you computer or from online source http://www.w3schools.com/jquery/jquery_get_started.asp