{"id":632,"date":"2021-02-13T20:22:25","date_gmt":"2021-02-14T01:22:25","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?p=632"},"modified":"2021-02-13T21:43:43","modified_gmt":"2021-02-14T02:43:43","slug":"javascript-intro","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/topics\/javascript\/javascript-intro\/","title":{"rendered":"JavaScript Intro"},"content":{"rendered":"\n<p>These are some resources to help you got started with JavaScript<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">LinkedIn Learning JavaScript Collection<\/h3>\n\n\n\n<p>These three collections of videos are an introduction to JavaScript from what it is, why it is important to some of the basics. Watch these collections in order. I&#8217;ve collected these from a few different LinkedIn Learning video courses.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>JavaScript Essential Training<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/LinkedInLearning\/javascript-essential-training-2832077\" target=\"_blank\">GitHub Repository<\/a> with Example Files<\/li><\/ul><\/li><li>JavaScript for Web Designers<ul><li>Exercise Files available through LinkedIn Learning or this <a rel=\"noreferrer noopener\" href=\"https:\/\/openlab.bmcc.cuny.edu\/groups\/mmp-350-spring-21\/forum\/topic\/class-dropbox-folder\/#post-6922\" target=\"_blank\">discussion board topic<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<p>You must be signed in to LinkedIn Learning to view these.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Collection: <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=true&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcollections%2F6766116794957754368%3Ftrk%3Dshare_collection_url%26shareId%3DiLjG4hELTTeuiK0dZt%252FHEQ%253D%253D&amp;account=2147385\" target=\"_blank\">JavaScript Introduction<\/a> <\/strong>has the following videos<ol><li>JavaScript: First Contact [2m 46s]<\/li><li>What is JavaScript? [1m 50s]<\/li><li>Live examples [5m 16s]<\/li><li>Vanilla JavaScript versus frameworks [2m 2s]<\/li><li>Getting help [2m 5s]<\/li><li>Navigating the JS Landscape [4m 29s]<\/li><\/ol><\/li><li>Collection: <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=true&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcollections%2F6766131882628407296%3Ftrk%3Dshare_collection_url%26shareId%3D9v6NwI35TTm5D0K10x2tpA%253D%253D&amp;account=2147385\" target=\"_blank\">Getting Ready<\/a> <\/strong>has the following videos<ol><li>Tools for Working with JavaScript [3m 24s]<ol><li>Make sure to install <strong>Visual Studio Code<\/strong> and <strong>Live Server<\/strong> extension as directed.<\/li><\/ol><\/li><li>Browsers and tools [3m 21s]<\/li><li>Jargon [4m 10s]<\/li><li>Jargon: The DOM [2m 4s]<\/li><li>DOM: The Document Object Model [4m 7s]<\/li><li>Get to know the browser console [6m 24s]<ol><li>To follow along fully you will need his 01_05 folder. You can either download everything for the course on this <a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/LinkedInLearning\/javascript-essential-training-2832077\" target=\"_blank\">GitHub Repository<\/a> or<\/li><li>Use this link to <a href=\"https:\/\/www.dropbox.com\/s\/m8bmc0818in1pvl\/01_05.zip?dl=1\">Download the 01_05<\/a> folder.<\/li><\/ol><\/li><li>JavaScript Language Basics [5m 37s]<\/li><\/ol><\/li><li>Collection: <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=true&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcollections%2F6766133908380749824%3Ftrk%3Dshare_collection_url%26shareId%3DlwiO2rTVRb6lgbpYPk6%252BDQ%253D%253D&amp;account=2147385\" target=\"_blank\">JavaScript in the Browser<\/a> <\/strong><br>First, <a href=\"https:\/\/www.dropbox.com\/s\/gn966x2dfu6yxvy\/ch_02_files.zip?dl=1\">download these files<\/a> if you haven&#8217;t cloned the GitHub repo. The collection has the following videos:<ol><li>JavaScript in an HTML Document [3m]<\/li><li>JavaScript as an external file [2m 59s]<\/li><li>Modern JavaScript loading [4m 14s]<\/li><li>JavaScript modules [4m 18s]<\/li><\/ol><\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">JavaScript Basics MDN Page<\/h3>\n\n\n\n<p>This page goes over what is JavaScript and the basics of the language (variable, operators, conditionals, functions&#8230;) including a quick example of adding interactivity to a web site.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/JavaScript_basics\" target=\"_blank\" rel=\"noreferrer noopener\">View Page<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">More Resources<\/h3>\n\n\n\n<p>You can find more resources on the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/topics\/web-languages\/javascript-2\/\" data-type=\"page\" data-id=\"605\">JavaScript<\/a> page of our site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>These are some resources to help you got started with JavaScript LinkedIn Learning JavaScript Collection These three collections of videos are an introduction to JavaScript from what it is, why it is important to some of the basics. Watch these collections in order. I&#8217;ve collected these from a few different LinkedIn Learning video courses. JavaScript&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/topics\/javascript\/javascript-intro\/\">Continue reading <span class=\"screen-reader-text\">JavaScript Intro<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[20],"tags":[43,41],"coauthors":[],"class_list":["post-632","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-introduction","tag-javascript","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>These are some resources to help you got started with JavaScript LinkedIn Learning JavaScript Collection These three collections of videos are an introduction to JavaScript from what it is, why it is important to some of the basics. Watch these collections in order. I&#8217;ve collected these from a few different LinkedIn Learning video courses. JavaScript Essential TrainingGitHub Repository with Example FilesJavaScript for Web DesignersExercise Files available through LinkedIn Learning or this discussion board topic You must be signed in to LinkedIn Learning to view these. Collection: JavaScript Introduction has the following videosJavaScript: First Contact [2m 46s]What is JavaScript? [1m 50s]Live&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/category\/topics\/javascript\/\" rel=\"category tag\">JavaScript<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/author\/cstein\/"},"comments_num_v2":"123 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/author\/cstein\/"},"uagb_comment_info":123,"uagb_excerpt":"These are some resources to help you got started with JavaScript LinkedIn Learning JavaScript Collection These three collections of videos are an introduction to JavaScript from what it is, why it is important to some of the basics. Watch these collections in order. I&#8217;ve collected these from a few different LinkedIn Learning video courses. JavaScript&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":8,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/632\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/632\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/media?parent=632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/categories?post=632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/tags?post=632"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/coauthors?post=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}