গত দুই সপ্তাহে, আমি HTML, CSS, এবং JavaScript এর প্রাথমিক বিষয়গুলো দ্রুত শেখার আমার ব্যক্তিগত অভিজ্ঞতা শেয়ার করেছি, কোনো পূর্ব জ্ঞান, অভিজ্ঞতা বা নির্দেশনা ছাড়াই। যাইহোক, যদি আপনার লক্ষ্য, আমার মত, একজন ফুল-স্ট্যাক ওয়েব ডেভেলপার হওয়া বা আপনার নিজস্ব পণ্য তৈরি করতে সক্ষম একজন স্বাধীন বিকাশকারী হওয়া, এই তিনটি মৌলিক প্রযুক্তিগত স্ট্যাক আয়ত্ত করা যথেষ্ট নয়। তাই, এই সপ্তাহে, আমি ফ্রন্টএন্ড ফ্রেমওয়ার্কের মূল বিষয়গুলি দ্রুত শিখতে এবং সহজ পণ্য তৈরি করার জন্য একটি সম্পূর্ণ শিক্ষানবিস গাইড শেয়ার করব। এই পোস্টে জড়িত সমস্ত শেখার সংস্থান বিনামূল্যে!
আমার শেখা শেষ করার পরে, আমি এই ওয়েব অ্যাপের মতো একটি ওয়েব অ্যাপ তৈরি করেছি। আমার নিজের প্রকল্প স্থাপন না করার জন্য কিন্তু এর পরিবর্তে সম্পর্কিত টিউটোরিয়ালে প্রকল্প উদাহরণ ব্যবহার করার জন্য আমাকে ক্ষমা করুন। এখানে আমার নিজস্ব সংগ্রহস্থল . আসলে, আমি নমুনা প্রকল্পের সমস্ত প্রভাবের 90% এরও বেশি প্রতিলিপি করেছি। মোতায়েন না করার কারণগুলি পরে আলোচনা করা হবে। আপনি দেখতে পাচ্ছেন, এটি একটি অপেক্ষাকৃত সম্পূর্ণ প্রজেক্ট, যার মধ্যে অনেক দিক রয়েছে যেমন ফ্রন্টএন্ড এবং ব্যাকএন্ড যোগাযোগ, ফ্রন্টএন্ড অ্যানিমেশন ডিজাইন, লাইফসাইকেল হুক ডিজাইন, ব্যাকএন্ড ডেটা স্ট্রাকচার ডিজাইন, স্টেট ম্যানেজমেন্ট, রুট ম্যানেজমেন্ট ইত্যাদি। এমনকি আমি এই প্রকল্পে একটি সমৃদ্ধ পাঠ্য সম্পাদক এবং tailwindcss একত্রিত করেছি, যার ফলে ফ্রন্টএন্ডটি খুব পেশাদার দেখায়৷ এমনকি যদি আমি একটি ফ্রন্টএন্ড ফ্রেমওয়ার্কের মূল বিষয়গুলি দ্রুত আয়ত্ত করতে পারি তবে আপনি কেন পারবেন না?
এটি নতুনদের, বিশেষ করে স্ব-শিক্ষিত নতুনদের জন্য সবচেয়ে বিভ্রান্তিকর প্রশ্নগুলির মধ্যে একটি। এটি একটি অত্যন্ত ব্যক্তিগতকৃত প্রশ্ন যা আপনার মৌলিক দক্ষতা, শেখার পথ পছন্দ, শেখার ক্ষমতা, স্বল্প এবং দীর্ঘমেয়াদী লক্ষ্য এবং এমনকি আপনি যে দেশ ও অঞ্চলে বাস করেন তা জড়িত। তাই, একটি আদর্শ উত্তর দেওয়া কঠিন। এই সমস্ত কারণগুলির মধ্যে সেরা বিকল্পটি মূল্যায়ন করার জন্য নতুনদের প্রায়শই জ্ঞান এবং শিল্প অভিজ্ঞতার অভাব হয়।
এটি একটি গুরুত্বপূর্ণ সমস্যা কারণ ফ্রন্টএন্ড ফ্রেমওয়ার্ক একটি ওয়েব অ্যাপ তৈরি করার সময় আপনি যে প্রধান প্রোগ্রামিং ভাষার ব্যবহার করেন তার সাথে ঘনিষ্ঠভাবে সম্পর্কিত। এছাড়াও, আপনি যদি একটি কম জনপ্রিয় ফ্রেমওয়ার্ক চয়ন করেন, তাহলে প্রাসঙ্গিক সম্প্রদায়ের সংস্থানগুলি খুঁজে পাওয়া আপনার পক্ষে কঠিন হতে পারে এবং এমনকি কোর্সগুলি গ্রহণ করার সময় এবং অন্যদের সাথে সহযোগিতা করার সময় সীমাবদ্ধতা বোধ করতে পারেন৷ আমি দীর্ঘদিন ধরে এই বিষয়ে বিভ্রান্ত ছিলাম এবং এমনকি ফ্লাস্ক এবং জ্যাঙ্গো শেখার চেষ্টা করেছি, কিন্তু শেষ পর্যন্ত বিভিন্ন কারণে ছেড়ে দিয়েছি।
আমি এই সমস্যাটি সম্পর্কে একটি 10,000-শব্দের নিবন্ধ লিখতে পারি, তবে এটি আজকের পোস্টের বিষয় নয়। তাই এখানে আমার সংক্ষিপ্ত উত্তর: আপনি যদি চাকরি খুঁজছেন, তাহলে প্রতিক্রিয়া শেখা এবং এটিকে আপনার প্রধান কাঠামো তৈরি করা ভাল। আপনি যদি আমার মতো একজন শিক্ষানবিস হন যার সামান্য পূর্ব জ্ঞান আছে এবং দ্রুত শিখতে, দ্রুত তৈরি করতে এবং ভবিষ্যতে স্বাধীনভাবে পণ্য বিকাশ করতে চান, তাহলে আপনি Vue3 বেছে নিতে পারেন। এটির শেখার বক্ররেখা তুলনামূলকভাবে মসৃণ এবং নতুনদের শুরু করা সহজ।
আমি একবার ভেবেছিলাম যে আমার প্রধান প্রোগ্রামিং ভাষার ইকোসিস্টেমে একটি ফ্রন্টএন্ড ফ্রেমওয়ার্ক বেছে নেওয়া সমস্ত সমস্যার সমাধান করবে কারণ মূলধারার ফ্রেমওয়ার্কগুলিতে খুব সমৃদ্ধ ইকোসিস্টেম রয়েছে যা বিকাশের সমস্ত ধরণের পরিস্থিতি পরিচালনা করতে পারে। যাইহোক, আমি ধীরে ধীরে অন্যান্য কোর্স এবং তৈরি পণ্য শিখেছি, আমি বুঝতে পেরেছি যে এই ধারণাটি নিষ্পাপ ছিল।
উদাহরণস্বরূপ, আমি বর্তমানে আলকেমি ইউনিভার্সিটির সলিডিটি বুটক্যাম্প শিখছি। এই কোর্সের অফিসিয়াল পূর্বশর্ত হল জাভাস্ক্রিপ্টের প্রাথমিক জ্ঞান। আমি ভেবেছিলাম যে আমি এই কোর্সটি সহজে পরিচালনা করতে পারি কারণ আমি শুধুমাত্র HTML, CSS, JavaScript শিখিনি, Vue3ও শিখিনি। যাইহোক, তৃতীয় সপ্তাহে, আমি হঠাৎ খুঁজে পেলাম সপ্তাহের প্রকল্পটি রিঅ্যাক্টের ফ্রন্টএন্ড দিয়ে তৈরি করা হয়েছিল। আমি হতবাক হয়ে গেলাম। সৌভাগ্যবশত, সপ্তাহের প্রকল্পটি সহজবোধ্য ছিল এবং শুধুমাত্র প্রতিক্রিয়ার মূল বিষয়গুলি প্রয়োজন ছিল৷ তবুও, তবুও, প্রতিক্রিয়ার প্রাথমিক বিষয়গুলি দ্রুত শিখতে আমার অর্ধেক দিন লেগেছে এবং আমি অবশেষে সপ্তাহের প্রকল্পটি সফলভাবে সম্পন্ন করেছি। তাই, একজন শিক্ষানবিস হিসেবে, কখনোই একটি একক প্রযুক্তির স্ট্যাকের উপর আপনার আশা পিন করবেন না। দ্রুত শেখা এবং অভিযোজনযোগ্যতা আমাদের জন্য অপরিহার্য দক্ষতা।
আমি শুধু 2 সপ্তাহের মধ্যে ফ্রন্ট-এন্ড ফ্রেমওয়ার্কের একজন বিশেষজ্ঞ হওয়ার আশা করছি না। Vue3 রিঅ্যাক্টের চেয়ে বেশি শিক্ষানবিস-বান্ধব হওয়া সত্ত্বেও, এটির ইকোসিস্টেম সমৃদ্ধ এবং বিষয়বস্তুতে পূর্ণ, যার মধ্যে রয়েছে অসংখ্য নথি যেমন Vue3 এর নিজস্ব, Vite, Vue রাউটার, পিনিয়া এবং আরও অনেক কিছু। আপনি যদি একটি মানসম্পন্ন ফ্রন্টএন্ড UI তৈরি করতে চান তবে আপনাকে এলিমেন্ট প্লাসের মতো UI লাইব্রেরিগুলিও অধ্যয়ন করতে হবে। এছাড়াও, যদি আমাদের পণ্যের কিছু বিশেষ বৈশিষ্ট্য থাকে, তাহলে আমাদের সেই বৈশিষ্ট্যের জন্য বিশেষভাবে কিছু লাইব্রেরি শিখতে হবে, যেমন রিচ টেক্সট এডিটর, wangEditor, যা আমি আমার ওয়েব অ্যাপে একীভূত করেছি।
2 সপ্তাহের মধ্যে এই সমস্ত কিছু শেখা অসম্ভব, তাই আমি Vue3 এর মূল ফাংশনগুলি উপলব্ধি করার এবং প্রাথমিকভাবে একটি পেশাদার চেহারার ফ্রন্টএন্ড তৈরি করার লক্ষ্য নির্ধারণ করেছি।
আমি স্ব-অধ্যয়ন প্রোগ্রামিং শুরু করার পর থেকে আমি অনেক নথি পর্যালোচনা করেছি, এবং আমাকে অবশ্যই স্বীকার করতে হবে যে Vue3 সবচেয়ে নতুনদের জন্য বন্ধুত্বপূর্ণ। ডকুমেন্টেশনের চমৎকার লেখা আমার জন্য ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক শিখতে পেরেছে। তাই, কোনো তৃতীয় পক্ষের টিউটোরিয়ালের সুপারিশ করার পরিবর্তে, যারা Vue শিখতে চান তাদের Vue3-এর নিজস্ব ডকুমেন্টেশনকে তাদের মূল অধ্যয়নের উপাদান হিসেবে তৈরি করার জন্য আমি দৃঢ়ভাবে পরামর্শ দিই।
শুধুমাত্র ভাল অধ্যয়ন উপকরণ থাকা একটি কাঠামো আয়ত্ত করার জন্য যথেষ্ট নয়; একটি কাঠামো উপলব্ধি করার সর্বোত্তম উপায় হল প্রকল্পগুলি তৈরি করতে এটি ব্যবহার করা। যাইহোক, এই নিবন্ধের শুরুতে আমি যে ওয়েব অ্যাপটি দেখিয়েছি তা তৈরি করার চেষ্টা করা ভাল ধারণা নাও হতে পারে। আমি আসলে আমার অধ্যয়নের সময় দুটি প্রকল্প তৈরি করেছি, প্রথমটি খুবই সহজ, মূলত ফ্রেমওয়ার্ক ব্যবহার করার অনুভূতি পেতে, সাধারণ প্রক্রিয়া এবং মূল অংশগুলি বোঝার জন্য। দ্বিতীয় প্রকল্পটি প্রথমটির একটি এক্সটেনশন, একটি ফ্রেমওয়ার্কের ইকোসিস্টেমের মধ্যে একটি বাস্তব ওয়েব অ্যাপ তৈরি করার জন্য প্রয়োজনীয় সংস্থানগুলি কীভাবে খুঁজে পাওয়া যায় তা শেখা।
আমি সম্ভাব্য শেখার সংস্থানগুলি, প্রধানত কিছু নথি এবং দুটি সাবধানে নির্বাচিত প্রকল্প টিউটোরিয়ালগুলি সাজাতে অর্ধেক দিন কাটিয়েছি। নথিগুলির মধ্যে নিম্নলিখিতগুলি অন্তর্ভুক্ত রয়েছে: Vue3 ডকুমেন্টেশন , Vite ডকুমেন্টেশন , Vue রাউটার ডকুমেন্টেশন , Axios ডকুমেন্টেশন , Element+ ডকুমেন্টেশন , এবং Pinia ডকুমেন্টেশন । এর মধ্যে Vue3 ডকুমেন্টেশন সবচেয়ে গুরুত্বপূর্ণ।
তারপর, আমি প্রায় 3 এবং অর্ধ দিন Vue ডকুমেন্টেশনের বেশিরভাগ পড়তে কাটিয়েছি। ফোকাস মৌলিক বিষয়ের উপর, এবং এমনকি একজন শিক্ষানবিশ হিসাবে, আমি গ্যারান্টি দিচ্ছি যে আপনি অসুবিধা ছাড়াই এই অংশটি পার করতে পারবেন। যাইহোক, যেহেতু আমি পরবর্তী অংশগুলিতে পৌঁছেছি, কিছু বিষয়বস্তু ধীরে ধীরে কম স্পষ্ট হয়ে উঠেছে। এটা নতুনদের জন্য স্বাভাবিক, এবং এটা ঠিক আছে। যে অংশগুলি আমি আপাতত বুঝতে পারিনি, আমি সেগুলি নোট করে রেখেছি। কিছু অংশ, যেমন সেরা অনুশীলন, টাইপস্ক্রিপ্ট এবং উন্নত বিষয়, আমি সম্পূর্ণভাবে এড়িয়ে যাওয়ার সিদ্ধান্ত নিয়েছি। সংক্ষেপে, আপনি যদি সবচেয়ে প্রয়োজনীয় এবং মৌলিক অংশগুলিতে ফোকাস করেন, তাহলে সাড়ে তিন দিন যথেষ্ট সময়। আমি একজন দ্রুত শিক্ষানবিস নই এবং আমার মৌলিক বিষয়গুলো দুর্বল ছিল, হয়তো আপনার ততটা সময় লাগবে না।
পরের দিন এবং দেড়ের মধ্যে, আমি Traversy Media থেকে একটি ক্লাসিক ফ্রি টিউটোরিয়াল অনুসরণ করেছি এবং একটি ছোট প্রকল্প করেছি - একটি টাস্ক ট্র্যাকার। আমি বিশেষ করে এখানে ব্র্যাডের শিক্ষণ শৈলী সম্পর্কে কথা বলতে চাই। তিনি অবশ্যই একজন কিংবদন্তি ব্যক্তিত্ব, অনেক স্ব-শিক্ষকদের দ্বারা প্রোগ্রামিংয়ের গডফাদার হিসাবে বিবেচিত। যতবার আমি তার কোর্স দেখি, আমি অনেক কিছু শিখি। একটি প্রযুক্তি স্ট্যাকের মধ্যে শেখার জন্য প্রয়োজনীয় সমস্ত দিকগুলি সম্পূর্ণরূপে প্রদর্শন করার জন্য একটি ছোট প্রকল্প ব্যবহার করতে তিনি খুব ভাল। ** তবে একজন নবাগত হিসেবে আপনাকে একটি বিষয়ে মনোযোগ দিতে হবে, কোন ভিত্তি ছাড়া তার ক্লাস শুনবেন না। ** কারণ ব্র্যাডের শেখানোর শৈলী খুবই সংক্ষিপ্ত এবং মার্জিত। আপনার যদি কোনো মৌলিক বিষয় না থাকে, তাহলে আপনি তার গতির সাথে তাল মিলিয়ে চলতে পারবেন না। তাই, আমি ইচ্ছাকৃতভাবে এই ছোট প্রকল্প টিউটোরিয়ালটি আমার শেখার দ্বিতীয় পর্যায়ে নির্ধারণ করেছি, প্রথমটি নয়।
আপনি যদি তার টিউটোরিয়ালটি গুরুত্ব সহকারে অনুসরণ করেন, আমি বিশ্বাস করি আপনি একটি কাঠামোর সাথে একটি ফ্রন্ট-এন্ড তৈরি করার অনুভূতি পেয়েছেন, কিন্তু একই সাথে, আপনার আরও প্রশ্ন আছে। আমি এভাবেই ছিলাম, আমি দ্রুত ভিটে, ভিউ রাউটার, অ্যাক্সিওস এবং পিনিয়ার নথিগুলি ব্রাউজ করার জন্য অপেক্ষা করতে পারিনি। এই সময় আমি মাত্র দেড় দিন কাটিয়েছি। যেহেতু আমি ইতিমধ্যেই মোটামুটিভাবে জানি যে একটি vue3 প্রজেক্ট তৈরি করতে উপরের প্রযুক্তি স্ট্যাকের কোন মৌলিক জ্ঞান প্রয়োজন, তাই আমি এই বিষয়বস্তুগুলিতে ফোকাস করি। এবং অন্যান্য তুলনামূলকভাবে জটিল কিন্তু সাধারণভাবে ব্যবহৃত বিষয়বস্তু নয়, আমি দ্রুত ব্রাউজ করেছি। আপনি যদি একবারে এটি বুঝতে না পারেন তবে এটি এড়িয়ে যান।
দ্বিতীয় সপ্তাহের মধ্যে, আমি একটি অপেক্ষাকৃত জটিল প্রকল্প তৈরি করে প্রথম সপ্তাহে যে মৌলিক জ্ঞান শিখেছিলাম তা একীভূত করার জন্য যথেষ্ট আত্মবিশ্বাসী ছিলাম। এবং একটি বাস্তব ওয়েব অ্যাপ তৈরির প্রয়োজন অনুযায়ী, আগে শেখা বিষয়বস্তু প্রসারিত করুন। এইবার আমি এখনও একটি জনপ্রিয় ভিউ টিউটোরিয়াল বেছে নিয়েছি - Traversy Media থেকে FireBlog। এই টিউটোরিয়ালটি জন কোমারনিকি দ্বারা ব্যাখ্যা করা হয়েছে, কেন আমি এই টিউটোরিয়ালটি বেছে নিয়েছি তা আমাকে ব্যাখ্যা করতে দিন।
এর প্রধান অসুবিধা হল এটি দুই বছর আগের একটি টিউটোরিয়াল, তাই অনিবার্যভাবে কিছু প্রযুক্তি স্ট্যাক আপগ্রেড করা হয়েছে। উদাহরণস্বরূপ, টিউটোরিয়ালে ব্যবহৃত vue-cli এখন রক্ষণাবেক্ষণের অবস্থায় রয়েছে, আমি নির্মাণের সময় vite ব্যবহার করেছি। আরেকটি উদাহরণ হল টিউটোরিয়ালে ব্যবহৃত সমৃদ্ধ পাঠ্য সম্পাদকটি দীর্ঘদিন ধরে আপডেট করা হয়নি, আমি wangEditor ব্যবহার করেছি যা হালকা ওজনের কিন্তু সাম্প্রতিক রক্ষণাবেক্ষণ রয়েছে এবং নির্মাণের সময় vue3 এর সাথে আরও ভালভাবে সংহত হয়।
এই টিউটোরিয়ালের ব্যাকএন্ড ফায়ারবেস তৈরি করতে ব্যবহার করে, যদিও জটিল নয়, এটি আমাদের নিজস্ব অনুশীলনের চাহিদা পূরণ করতে পারে না। উদাহরণস্বরূপ, আমার আদর্শ ব্যাকএন্ড একটি বিশ্রামদায়ক API node.js+express+mongodb+mongoose দিয়ে তৈরি। অতএব, আমি একটি ফায়ারবেস ব্যাকএন্ড তৈরি করার জন্য টিউটোরিয়ালটি অনুসরণ করিনি, তবে একটি বিশ্রামদায়ক API-এর আচরণ অনুকরণ করতে অস্থায়ীভাবে json-server এর সাথে একটি ভার্চুয়াল ব্যাকএন্ড তৈরি করেছি। এই কারণেই আমি আমার প্রকল্প অনলাইনে স্থাপন করিনি। কারণ github পৃষ্ঠা এবং vercel উভয়ই কেবল স্ট্যাটিক ওয়েব পৃষ্ঠাগুলি স্থাপন করতে পারে এবং json-server এর টার্মিনাল শুধুমাত্র স্থানীয়ভাবে চলতে পারে, এটি তাদের উপর স্থাপন করা যাবে না। এই টিউটোরিয়ালটি অনুসরণ করার সময় আপনি আপনার নিজের প্রয়োজন অনুসারে চয়ন করতে পারেন, অথবা আপনি এটির মতো একটি ফায়ারবেস ব্যাকএন্ড তৈরি করতে পারেন।
এই টিউটোরিয়ালটি সাড়ে ছয় ঘন্টা ধরে চলে। সাধারণত, আপনি যদি প্রতিদিন এক ঘণ্টার বিষয়বস্তু অধ্যয়ন করেন, তাহলে ছয় দিন যথেষ্ট হওয়া উচিত। আমি যত বড় হচ্ছি, আমার শেখার গতি কম হচ্ছে। আপনি ছয় দিনেরও কম সময়ে বিল্ড সম্পূর্ণ করতে সক্ষম হতে পারেন। শেষ দিনে, আমি এখনও যথারীতি পূর্ববর্তী বিষয়বস্তু পর্যালোচনা করেছি, সবচেয়ে গুরুত্বপূর্ণ বিষয় হল শেখার দুই সপ্তাহের মধ্যে আমি যে নোটগুলি তৈরি করেছি তা সংগঠিত করা এবং একটি ভাল চিট শীট তৈরি করা। কারণ আমি এই পদক্ষেপটিকে গুরুত্বপূর্ণ বলে মনে করেছি। প্রায়ই, আমি শেখা শেষ করার এক মাস পরে, যখন আমি আবার আমার কোড খুলি, তখন এমন অনেক অংশ থাকে যা আমি বুঝতে পারি না বা মনে রাখতে পারি না। এই মুহুর্তে, আপনি যদি একটি নতুন প্রকল্প তৈরি করতে চান, নোট এবং চিট শীট প্রায়শই কাজে আসতে পারে।
আগে, আমি সবসময় "নিখুঁত টিউটোরিয়াল" খোঁজার জন্য আবিষ্ট ছিলাম। কিন্তু পরে আমি দেখতে পেলাম যে আসলে কোন নিখুঁত টিউটোরিয়াল নেই। উদাহরণ হিসাবে আমরা দ্বিতীয় সপ্তাহে শিখেছি ফায়ারব্লগ টিউটোরিয়ালটি ধরুন, এতে অনেক ত্রুটি রয়েছে এবং এমনকি কিছু অংশ আমাদের প্রয়োজনীয়তা পূরণ করে না। কিন্তু তাই কি? এটি এখনও একটি চমৎকার টিউটোরিয়াল এবং একটি বিরল ব্যবহারিক প্রকল্প। আমাদের শুধুমাত্র সেই অংশগুলিকে আপগ্রেড বা সংশোধন করতে হবে যা প্রয়োজনীয়তা পূরণ করে না।
ফ্রন্ট-এন্ড ফ্রেমওয়ার্ক শেখা কিছুটা জাভাস্ক্রিপ্ট শেখার মতো যা আমরা গত সপ্তাহে বলেছিলাম, দুই সপ্তাহের মধ্যে সবকিছু সম্পন্ন করার আশা করবেন না। এর ইকোসিস্টেমে প্রচুর সামগ্রী রয়েছে এবং এটি ক্রমাগত আপগ্রেড করা হচ্ছে। উল্লেখ করার মতো নয়, যেমনটি আমরা আগে আলোচনা করেছি, শুধুমাত্র একটি কাঠামো শেখার মাধ্যমে সমস্ত দিককে জয় করার আশা করা অবাস্তব, তাই এটি একটি অবিচ্ছিন্ন শেখার প্রক্রিয়া হবে। আমাদের যা করতে হবে তা হল এই সমস্ত উপভোগ করা এবং এটিকে বোঝা হিসাবে না দেখা।
আপনি যদি vue বা এমনকি কৌণিকের পরিবর্তে প্রতিক্রিয়া শেখার পরিকল্পনা করেন তবে আমি উপরে উল্লেখিত বিষয়বস্তু এখনও প্রযোজ্য। ফ্রন্ট-এন্ড ফ্রেমওয়ার্কের সাথে এটি এমনই হয়, শেখার পদ্ধতি এবং শেখার সংস্থানগুলি বেছে নেওয়ার দিকটি আসলে বেশ একই রকম।
#WebDevelopment #FrontendDevelopment #VueJS #JavaScript #LearningToCode #CodeNewbie #TraversyMedia #SelfImprovement #SelfTaught #CodingResources #React