<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Mohammad Arif</title>
    <description>The latest articles on DEV Community by Mohammad Arif (@mdarif).</description>
    <link>https://dev.to/mdarif</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F114394%2Fbde30bf4-da8e-4a14-aae7-44f6eda380e6.jpg</url>
      <title>DEV Community: Mohammad Arif</title>
      <link>https://dev.to/mdarif</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mdarif"/>
    <language>en</language>
    <item>
      <title>Frontend Learning Approach (Not Roadmap)</title>
      <dc:creator>Mohammad Arif</dc:creator>
      <pubDate>Sun, 21 Aug 2022 09:52:00 +0000</pubDate>
      <link>https://dev.to/mdarif/frontend-learning-approach-not-roadmap-5c4l</link>
      <guid>https://dev.to/mdarif/frontend-learning-approach-not-roadmap-5c4l</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;A &lt;code&gt;roadmap&lt;/code&gt; is a strategic plan that defines a goal or desired outcome and includes the major steps or milestones needed to reach it.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;We already have so many roadmaps on the web the popular one is (&lt;a href="https://roadmap.sh/frontend" rel="noopener noreferrer"&gt;https://roadmap.sh/frontend&lt;/a&gt;) to get into World of &lt;code&gt;frontend&lt;/code&gt; but less talk about &lt;code&gt;approach&lt;/code&gt; here.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Approach?
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;An &lt;code&gt;approach&lt;/code&gt; is a way of looking at teaching and learning.&lt;br&gt;
An approach gives rise to methods, the way of teaching something.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Essentially it's all about &lt;code&gt;approach&lt;/code&gt; to learn something new that's the missing piece on the block, one could see rise of &lt;code&gt;Coding Bootcamps&lt;/code&gt; and plethora of &lt;code&gt;unorganized&lt;/code&gt; YouTube videos which drives the upcoming/existing web dev population to learn something new essentially ends up not &lt;code&gt;learning&lt;/code&gt; much against what you supposed to achieve.&lt;/p&gt;

&lt;p&gt;Let's try to understand &lt;code&gt;learning&lt;/code&gt; first.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Learning?
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Learning is a process of actively constructing knowledge.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Learning is also the process of gaining &lt;code&gt;knowledge&lt;/code&gt; and &lt;code&gt;expertise&lt;/code&gt;. Some learning is immediate, induced by a single event, but much skill and knowledge accumulate from &lt;code&gt;repeated experiences&lt;/code&gt; and that's the key in frontend space.&lt;/p&gt;

&lt;p&gt;Let's try to look at various important factors in order to &lt;code&gt;learn&lt;/code&gt; something effectively.&lt;/p&gt;

&lt;h3&gt;
  
  
  Health
&lt;/h3&gt;

&lt;p&gt;Since learning is an active process, students must have &lt;code&gt;adequate rest&lt;/code&gt;, &lt;code&gt;health&lt;/code&gt;, and &lt;code&gt;physical ability&lt;/code&gt;. Basic needs of students must be satisfied before they are ready or capable of learning. Students who are exhausted or in ill health &lt;strong&gt;cannot&lt;/strong&gt; learn much and it also improves your memory.&lt;/p&gt;

&lt;h3&gt;
  
  
  Repeated Experiences
&lt;/h3&gt;

&lt;p&gt;Let’s Do It Again . . . and Again! Why is Repetition Important to Learning?&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Repetition is the mother of learning, the father of action, which makes it the architect of accomplishment.”&lt;br&gt;
~Zig Ziglar&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Exercise
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;Every time practice occurs, learning continues.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;These include student recall, review and summary, and manual drill and physical applications. All of these serve to create learning habits.&lt;/p&gt;

&lt;p&gt;But how do we do it without instructor, we talk about it later please hand on.&lt;/p&gt;

&lt;h3&gt;
  
  
  Fail fast
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;Research suggests that making mistakes when learning can actually help improve outcomes, especially if you correct your mistake and take the time to understand why it happened.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Now that's the key here, it's the fear factor and one of the driver of &lt;code&gt;imposter syndrome&lt;/code&gt; (doubting your own abilities).&lt;/p&gt;

&lt;p&gt;Fail as early as possible that's give the chance to improve and fix the knowledge gaps.&lt;/p&gt;

&lt;h3&gt;
  
  
  Organise The Learning
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lpgenvdbh2dp0po0rci.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lpgenvdbh2dp0po0rci.jpeg" alt="Organise The Learning" width="800" height="480"&gt;&lt;/a&gt;&lt;br&gt;
One of my personal favourite to learn something new is to &lt;code&gt;organise the learning&lt;/code&gt; so what does it mean let's take an example.&lt;/p&gt;

&lt;p&gt;You want to learn &lt;code&gt;React&lt;/code&gt; or some other framework/library so what all steps do you follow&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Go to &lt;code&gt;google&lt;/code&gt; and start typing some keywords to learn &lt;code&gt;React&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Go to youtube to start learning the basics&lt;/li&gt;
&lt;li&gt;Buy some courses from Udemy&lt;/li&gt;
&lt;li&gt;Various other resources to start learning &lt;code&gt;React&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Is it all what we need to follow in order to learn &lt;code&gt;React&lt;/code&gt;?&lt;/p&gt;

&lt;p&gt;The famous quote:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Don't learn things randomly&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;What's the way out there for organise learning?&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Official Documentation&lt;/code&gt; yesss you may find sound awkward but believe me that's the missing glue.&lt;/p&gt;

&lt;p&gt;Let me try to explain it further as we talking about &lt;code&gt;React&lt;/code&gt; let's take the example further.&lt;/p&gt;

&lt;p&gt;The official &lt;a href="https://reactjs.org/docs/getting-started.html" rel="noopener noreferrer"&gt;React documentation&lt;/a&gt; isn't that effective and the core team knows about it and that's why they have been working on another version of &lt;a href="https://beta.reactjs.org/learn" rel="noopener noreferrer"&gt;React Documentation BETA&lt;/a&gt; which is &lt;code&gt;70%&lt;/code&gt; finished as of writing the article.&lt;/p&gt;

&lt;p&gt;Now as a &lt;code&gt;beginner&lt;/code&gt; you just need to take the path starting from &lt;a href="https://beta.reactjs.org/learn/installation" rel="noopener noreferrer"&gt;Installation&lt;/a&gt; to &lt;a href="https://beta.reactjs.org/learn/escape-hatches" rel="noopener noreferrer"&gt;Escape Hatches&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Don't skip even a single para and the &lt;code&gt;Challenges&lt;/code&gt; and feel free to go back to previous learning till you grasp entirely without any doubt.&lt;/p&gt;

&lt;p&gt;By end of the React Docs BETA &lt;code&gt;Learn&lt;/code&gt; section you would know the things like &lt;code&gt;Thinking in React&lt;/code&gt;, &lt;code&gt;Component&lt;/code&gt;, &lt;code&gt;Props&lt;/code&gt;, &lt;code&gt;State&lt;/code&gt;, &lt;code&gt;Updating Objects/Array in State&lt;/code&gt;, &lt;code&gt;Managing State&lt;/code&gt; etc.&lt;/p&gt;

&lt;p&gt;By the time you complete the &lt;code&gt;Learn&lt;/code&gt; section from official React BETA website you have covered the ground to build stuff on top of it.&lt;/p&gt;

&lt;p&gt;Eventually there is no silver bullet and it also depends upon the individual's to learn stuff.&lt;/p&gt;

&lt;p&gt;Following above steps may help you to reach your learning  goal in an organise way :) &lt;/p&gt;

&lt;p&gt;Do remember the famous quote:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“You don’t learn to walk by following rules. You learn by doing, and by falling over.” – Richard Branson&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  About the Author 👨🏾‍💻
&lt;/h3&gt;

&lt;p&gt;I'm &lt;a href="https://marif.dev/" rel="noopener noreferrer"&gt;Mohammad Arif&lt;/a&gt;. A Leader, Mentor &amp;amp; UI Architect. If you want more content, follow me on GitHub at &lt;a href="https://github.com/mdarif" rel="noopener noreferrer"&gt;https://github.com/mdarif&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Thanks for reading!&lt;/p&gt;

&lt;p&gt;Cover designed by &lt;a href="a%20href='https://www.freepik.com/vectors/new-project'&amp;gt;New%20project%20vector%20created%20by%20jcomp%20-%20www.freepik.com&amp;lt;/a"&gt;Freepik&lt;/a&gt;&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>webdev</category>
      <category>career</category>
      <category>learning</category>
    </item>
  </channel>
</rss>
