{"id":12070,"date":"2019-10-09T13:09:10","date_gmt":"2019-10-09T11:09:10","guid":{"rendered":"https:\/\/wajari.com\/blog\/entendiendo-javascript\/"},"modified":"2026-05-18T20:40:00","modified_gmt":"2026-05-18T18:40:00","slug":"entendiendo-javascript","status":"publish","type":"post","link":"https:\/\/wajari.com\/en\/blog\/entendiendo-javascript\/","title":{"rendered":"Understanding JavaScript"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">As I told you in the podcast (<a href=\"https:\/\/seoparawp.com\/podcast\/27\/\" rel=\"noopener\">episode 27<\/a>), I started a programming bootcamp this term with <a href=\"https:\/\/hack-a-bos.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Hack-a-Bos (opens in a new tab)\">Hack-a-Bos<\/a>. <\/p>\n\n<p class=\"wp-block-paragraph\">The nature of these programs is very intense. We have been at it for less than a month and it is incredible, but at the same time it is a bit daunting\u2014especially for people like me, who do not come from technical degrees or disciplines.   <\/p>\n\n<p class=\"wp-block-paragraph\">The classes with <a rel=\"noreferrer noopener\" aria-label=\"Andr&#xE9;s Est&#xE9;vez (opens in a new tab)\" href=\"https:\/\/twitter.com\/andres_aec\" target=\"_blank\">Andr\u00e9s Est\u00e9vez<\/a> (who teaches us JS, Node, etc.) are great. I really like his hands-on approach, and the fact that he does not give us the final answer (immediately). He always encourages us to keep looking for the answer ourselves, which helps us step out of our comfort zone.   <\/p>\n\n<p class=\"wp-block-paragraph\">It is a challenge. Understanding the <strong>logic behind programming<\/strong> is something we are really racking our brains over, with a large number of exercises. Fortunately, we stick together, and the more advanced people always help the rest of us.   <\/p>\n\n<p class=\"wp-block-paragraph\">The exercises can lead to frustration if you do not establish a method. <\/p>\n\n<p class=\"wp-block-paragraph\">The positive side? When you manage to solve an exercise on your own, you feel proud and satisfied.  <\/p>\n\n<p class=\"wp-block-paragraph\">Of course&#8230; another one always comes along that knocks your confidence, but without realizing it, I think we are making progress. <\/p>\n\n<p class=\"wp-block-paragraph\">I started to get a bit frustrated after a few exercises. So I sat down and analyzed what I was doing wrong:  <\/p>\n\n<p class=\"wp-block-paragraph\">I was not setting boundaries. <strong>JavaScript<\/strong>, like any other programming language, has data types: <\/p>\n\n<ul class=\"wp-block-list\"><li>Strings<\/li><li>Arrays (their exercises are much feared)<\/li><li>Dates<\/li><li>Numbers<\/li><li>Booleans<\/li><\/ul>\n\n<p class=\"wp-block-paragraph\">And in turn, you have different ways to approach each problem: loops, functions, expressions and operators, etc.  <\/p>\n\n<p class=\"wp-block-paragraph\">I realized that if you have one type of problem\u2014for example, with text strings\u2014you cannot implement solutions that apply only to arrays or dates, because obviously you will get an error. <\/p>\n\n<p class=\"wp-block-paragraph\">The other day I was racking my brains trying to apply a .sort() (an array method) to a string, and <strong>node.js<\/strong> kept telling me: Do not go down that road, you fool! But I just did not get it.  <\/p>\n\n<p class=\"wp-block-paragraph\">It may seem obvious to people who are more advanced in this area, but it took me a little while. <\/p>\n\n<p class=\"wp-block-paragraph\">As a good friend says: &#8220;I am slow, but steady.&#8221; <\/p>\n\t<div class=\"wp-block-jetpack-gif aligncenter\">\n\t\t<figure>\n\t\t\t\t\t\t\t<div class=\"wp-block-jetpack-gif-wrapper\" style=\"padding-top:64%\">\n\t\t\t\t\t<iframe src=\"https:\/\/giphy.com\/embed\/kcnGvA3BRRKLu\" title=\"stooges\"><\/iframe>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/figure>\n\t<\/div>\n\t\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">My visual mind: Mind maps<\/h2>\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p class=\"wp-block-paragraph\">I have already covered the topic of <a href=\"https:\/\/ku-seo.com\/mapa-conceptual-palabras-claves\/\" rel=\"noopener\">mind maps<\/a> on this blog (thinking about <strong>SEO<\/strong>). But it is a fantastic resource for organizing your ideas, especially when you are getting started in a new topic.  <\/p>\n\n<p class=\"wp-block-paragraph\">For me, mind maps work as a &#8220;cheat sheet&#8221;, and I start using them as an initial guide to solve any problem or look for new ideas. I need something &#8220;visual&#8221; to resolve uncertainties.  <\/p>\n\n<p class=\"wp-block-paragraph\">That is why I created this <strong>JavaScript mind map<\/strong>. It is not meant to show all data types, nor the endless options we have for each data type, but rather the most common ones in our bootcamp.<\/p>\n\n<p class=\"wp-block-paragraph\">It is a way to remember what options we have, so we can choose the ideal method for each type of situation or exercise that comes up: <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/ku-seo.com\/wp-content\/uploads\/2019\/10\/JavaScript-Mapa-Mental-datos.jpg\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/ku-seo.com\/wp-content\/uploads\/2019\/10\/JavaScript-Mapa-Mental-datos.jpg\" alt=\"JavaScript mind map\" class=\"wp-image-7952\"\/><\/a><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">This way we have a &#8220;cheat sheet&#8221; that helps us remember different options. <\/p>\n\n<p class=\"wp-block-paragraph\">If you look at the image, it has some link icons. What I did was pair each option with the official <a href=\"https:\/\/developer.mozilla.org\/es\/\" rel=\"noopener\">Mozilla Web Development<\/a> (MDN) documentation. That way we do not waste time searching for it. One click away\u2014quite literally \ud83d\ude09    <\/p>\n\n<p class=\"wp-block-paragraph\">To do this, I created this mind map with an online tool called <strong>WiseMapping<\/strong>. <\/p>\n\n<p class=\"wp-block-paragraph\">I admit it is a bit &#8220;spartan&#8221; and has limitations when it comes to creating more visual mind maps, but I like it because it is minimalist, simple, and meets my goal. <\/p>\n\n<p class=\"wp-block-paragraph\">If you prefer the digital version so you can access the documentation quickly, here it is: <\/p>\n\n<div class=\"wp-block-button aligncenter is-style-default\"><a class=\"wp-block-button__link\" href=\"https:\/\/app.wisemapping.com\/c\/maps\/891618\/public\" rel=\"noopener\">JavaScript mind map<\/a><\/div>\n\n<p class=\"wp-block-paragraph\">Which may be more useful, since you can <strong>zoom<\/strong> as much as you like. <\/p>\n\n<p class=\"wp-block-paragraph\">Also, the good thing about this tool is that if I make changes and add new options, it will always be updated. <\/p>\n\n<p class=\"wp-block-paragraph\"><i class=\"far fa-lightbulb\"><\/i> NOTE: I am reading a programming book that I think fits very well with this post. When I finish it and draw some conclusions, and after a lot of practice (which is what I need), I will add a sub-section to this entry. <\/p>\n\n<p class=\"wp-block-paragraph\">I do not know if it will be of great help, but I hope so. <\/p>\n\n<p class=\"wp-block-paragraph\">Many thanks to <a rel=\"noreferrer noopener\" aria-label=\"Max G&#xF3;mez (opens in a new tab)\" href=\"https:\/\/www.linkedin.com\/in\/max-g%C3%B3mez-650893183\/\" target=\"_blank\">Max G\u00f3mez<\/a> for helping me correct errors in the &#8220;cheat sheet&#8221; and add new data. If you think the mind map is missing any section, leave a comment on the blog and I will add it.  \ud83d\ude09  <\/p>\n\n<p class=\"wp-block-paragraph\">Thanks for the post\u2019s featured image to <a rel=\"nofollow noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/unsplash.com\/@shemul?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\">Shahadat Shemul<\/a> from <a rel=\"nofollow noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/unsplash.com\/s\/photos\/javascript?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\">Unsplash<\/a><\/p>\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>As I told you in the podcast (episode 27), I started a programming bootcamp this term with Hack-a-Bos. The nature of these programs is very intense. We have been at it for less than a month and it is incredible, but at the same time it is a bit daunting\u2014especially for people like me, who &#8230; <a title=\"Understanding JavaScript\" class=\"read-more\" href=\"https:\/\/wajari.com\/en\/blog\/entendiendo-javascript\/\" aria-label=\"Read more about Understanding JavaScript\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":10070,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[80],"tags":[120],"class_list":["post-12070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education","tag-programming"],"featured_image_urls_v2":{"full":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"thumbnail":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript-150x150.png",150,150,true],"medium":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript-300x200.png",300,200,true],"medium_large":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"large":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"1536x1536":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"2048x2048":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false]},"post_excerpt_stackable_v2":"<p>As I told you in the podcast (episode 27), I started a programming bootcamp this term with Hack-a-Bos. The nature of these programs is very intense. We have been at it for less than a month and it is incredible, but at the same time it is a bit daunting\u2014especially for people like me, who do not come from technical degrees or disciplines. The classes with Andr\u00e9s Est\u00e9vez (who teaches us JS, Node, etc.) are great. I really like his hands-on approach, and the fact that he does not give us the final answer (immediately). He always encourages us to&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/wajari.com\/en\/categoria\/education\/\" rel=\"category tag\">Education<\/a>","author_info_v2":{"name":"Wajari Vel\u00e1squez","url":"https:\/\/wajari.com\/en\/author\/wajari\/"},"comments_num_v2":"0 comments","jetpack_featured_media_url":"https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png","uagb_featured_image_src":{"full":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"thumbnail":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript-150x150.png",150,150,true],"medium":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript-300x200.png",300,200,true],"medium_large":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"large":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"1536x1536":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false],"2048x2048":["https:\/\/wajari.com\/wp-content\/uploads\/2022\/10\/2019-10-JavaScript.png",640,426,false]},"uagb_author_info":{"display_name":"Wajari Vel\u00e1squez","author_link":"https:\/\/wajari.com\/en\/author\/wajari\/"},"uagb_comment_info":0,"uagb_excerpt":"As I told you in the podcast (episode 27), I started a programming bootcamp this term with Hack-a-Bos. The nature of these programs is very intense. We have been at it for less than a month and it is incredible, but at the same time it is a bit daunting\u2014especially for people like me, who&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/posts\/12070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/comments?post=12070"}],"version-history":[{"count":1,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/posts\/12070\/revisions"}],"predecessor-version":[{"id":12071,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/posts\/12070\/revisions\/12071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/media\/10070"}],"wp:attachment":[{"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/media?parent=12070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/categories?post=12070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wajari.com\/en\/wp-json\/wp\/v2\/tags?post=12070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}