My Learning Schedule
Occasionally, when there are not many activities at my day job, I spend some time on coding otherwise I mostly spend spare time reviewing or searching learning tutorials.
My Learning Road Map
Overview of Time Spent in JS
As I indicated above, I could afford to spend only a couple of hours daily in JS learning. Following is an overview of my time spend on JS learning:
- January – About 10-days in CSS Grid to create HTML / CSS based Sandbox / demo site with CSS Grid layout. Setting up learning road map and CSS Grid layout. I spent about 10 days in JS learning.
What I learned
- Non-structured (Self-learning) can be frustrating. In self learning, our best friend is google for everything we don’t know. Because there are numerous resources, tutorials, post etc on every topic but figuring out the most useful one is a daunting task. In addition, these tutorials, posts etc varied wildly in their content and may not be suitable for the beginners.
- There is no single learning resource: Unlike in class room where subject instructors recommend books and other resources, self-learner has to figure out themselves based on trial and errors.
- Understanding of variables, scopes & hoisting. Understanding of JS
variablesand its declaration & use requires a better understanding of terms like
closureetc. It really confused me for while but only through ES6 updated tutorials, these concepts become clearer to me.
- Learn from a Few Tutorials: Concentrate on few good tutorials to learn basics JS language first.
- Learning variables: Because most tutorials are written pre ES6 and not updated, understanding variables through these tutorials is very confusing. When declaring variables using
varkeyword, to get full grasp of terms like variable scope, variable hoisting etc becomes very confusing even for experienced JS developers.
Goal for Next 3-months
- I plan to devote next 3-months to better understand & practice JS language, its terminology (eg.
- Time permitting, start some practical small projects to practice my learning.
Learning tutorials posts (in-preparation)
Tania Rascia, the author of many JS tutorials in DigitalOcean that I follow and many others JS developers write they learned through writing tutorials about the topic they learn. I have started some drafts posts on variables, let and const and understanding hoisting, scope & closure. I plan to complete these posts in the next quarter. I must develop & improve my writing habit to complete my learning note posts.
What Other Developers Say?
In his post, Kleo Patrov suggested some secretes of successful developers and when I reflected I seem to possess some of those traits, indicating I least I have a chance to succeed.
- Love what I Do. I am passionate & enjoy what I am doing (learning JS). This is shared by many successful people especially if it is self-learning. This involves sticking with daily routine, giving up social activities. Like others, I also posses frustrations, burned-out and other symptoms that most learners go through.
- Look for New Development. This is important for learning any new technology because it is constantly developing.
- Learning any Programming Language is Not quick. Learning any programming language at any School may take more than 10,000 hrs of learning, followed by practice, practice …. and more practice. It’s just impossible to master any programming language with some tutorial lessons or short on-line courses.
Developers & Blog sites
The following tutorials & blog sites I found most resourceful and helpful in my JS & CSS Grid layout learning adventure.
1. JS Tutorials
From the basics to advanced topics with simple, but detailed explanations. I discovered this while doing research on understanding variables scope, hoisting & closures.
W3Schools JS Tutorials
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
2. CSS Grid Layout
Rachel Andrew [ GitHub | Twitter | CodePen ]
Web developer, speaker and author. She is the authority in CSS Grid Layout and has popularize its use in web layout through her blog posts, books & conference workshops.
Jen Simmons [ GitHub | Twitter | CodePen ]
Designer Advocate at Mozilla. Creator of Firefox Grid Inspector. Member of CSS Working Group. Teaching you how CSS Grid changes everything web graphic design.
Morten Rand-Hendriksen [ LinkedIn | GitHub | Twitter | CodePen ]
3. JS Developers