Habesha Tech
الذهاب إلى القناة على Telegram
ይህ የሀበሻ ቴክ የተለያዩ የኮምፒውተር ፕሮግራሚንግ ትምህርቶች የሚሰጡበት ቻናል ነው። - Frontend Web Development - Backend Web Development - Database እና ተያያዥነት ያላቸውን የትምህርት ዘርፎች ይሰጣሉ የዌብሳይት ትምህርቶችን ለማግኘት: https://habeshasoftwaretech.com/ የቻናሉ ባለቤት:: @Zuzenith
إظهار المزيدEthiopia14 769الفئة غير محددة
493
المشتركون
لا توجد بيانات24 ساعات
-47 أيام
+130 أيام
أرشيف المشاركات
493
✅ One of the best practices in using git and github is:
👉 To write clear and explanatory commit messages.
👉 When your team members read it, it should convey what you have done in that commit.
👉 This is too important in scrum, kanban and similar collaboration paradigms in software development.
493
✅ Two advices that I have recieved from a friendly senior software engineer (Mr. Hiyaw Temtim, Senior DevOps Engineer):
👉 Avoid Multi-Tasking and
👉 Avoid Over-Engineering Systems
493
There is always some lose with resuming something that you have been comitting yourself for as long as it is beneficial. Although, there is always some output/result with something that you have completed as long as it was beneficial. If you begin to learn something, first make sure If it is worth learning and then complete it with maximum dedication. It isn't correct to try to attain everything at the same time, because it is trying to do something impossible or at least ineffective.
493
✅ Do you know?
✅ RBAC
👉 RBAC stands for role-based access control.
👉 It is a concept found and implemented almost on all of full stack systems: web-apps, mobile-apps, desctop apps and etc.
👉 It simply means granting different access levels for different users of the system.
👉 Usually, we have system admins and normal users in full stack systems.
👉 The system admin is meant to manage the entire system and the users are going to use the system resources. It is good to give example.
👉 The HabeshaTech website has admin who manages users and give access to courses when a user subscribes. That mean the admin has these user management privilege.
👉 However, normal users/students don't have such privileges. They only see their own dashboard and available courses.
👉 This is a good and simple example. There are other systems that have more sophisticated role heirarchy.
👉 RBAC are implemented both on the backend and frontend sides.
👉 On the backend, middlewares are responsible for this.
👉 On the frontend side, it is implemented by route protection techniques/algorithms.
493
Repost from AbduIntheLoop
IE Network Solutions is hiring interns!
They are pleased to announce exciting internship opportunities for motivated students and fresh graduates who are eager to gain practical experience and grow professionally.
This opportunity is offered for a fixed-term period of 3 months, providing hands-on exposure, structured learning, and real workplace experience in a dynamic environment.
Open Positions:
- Product Owner Intern
- Graphics Designer and Video Editor Intern
- Sales Executive Intern (2)
- Tech Intern
- Quality Assurance and Test Automation Intern
- IT Infrastructure Deployment Intern
- Revenue and Finance Operations Intern
Apply here -> https://docs.google.com/forms/d/e/1FAIpQLSfRCecedQCm9Xfb4LI1fS37Oa2y9hxeODQfCw3eqFcAKRs_Aw/viewform
493
✅ Do you know Azure Devops
👉 Many fresh software engineering graduates know how to build systems but, they don't know about collaboration tools that much such as github and azure devops.
👉 You have been using github for long time, but you mayn't be proficient in git commands that serve in the collaboration/team environment.
👉 Try to learn about such collaboration tools prior to joining team environments.
493
If you need to practice React.js, visit this site.
https://mimo.org/blog/react-projects-for-beginners#to-do-list-app
493
✅ ESLint
👉 The ESLint is a debugging tool used in VScode.
👉 It will accurately indicate errors.
👉 You need to download the "ESLint" extension in order to use it. Just download the extension and you need to do nothing else, it automatically detects and shows your errors by underlining them.
👉 The "eslint.config.js" file (indicated in the picture) is used by the ESLint to give its debugging functionality.
493
✅ Javascript basically runs inside the browser. Say, for example, chrome, firefox, opera.
👉 These browsers, each has its own execution engine. That of chrome's is called V8 engine, which is responsible to execute code.
👉 Node.js is built and used to run javascript OUTSIDE OF THE BROWSER. For this reason, node.js is called a runtime. It isn't correct to call it library or framework.
493
✅ The Command Line Interface (CLI)
👉 The command line is a tool used to interact with your computer.
👉 Despite its uncomfortable interface, it is very powerful tool to perform almost all operations.
👉 One thing that you have to know is that the CLI runs inside a specific folder which is called the working directory.
👉 Commands that you run have effect in a folder/directory that you are located in.
👉 The "pwd" command stands for "print the working directory" and it prints the current directory path in which the command line is pointing.
493
✅ Don't forget to put every code you write on your github account, even if it is a simple HTML file.
✅ Everything adds on your skills and overall understanding.
✅ You may make some repositories private untill you polish them.
✅ But put everything there. One day it will compile to a big track record of continuous learning and practicing.
493
📌 justify-content property controls horizontal alignment in flexbox 📌 align-items property controls vertical alignment in flexbox
493
✅ CSS Flexbox
✅ Flexbox is the concept CSS converned with the layout/positioning of HTML elements.
✅ To make flexbox in CSS, we follow three steps:
1⃣ Create container element aroud the elements we want to position;
2⃣ Add the display: flex; property to the container;
💥 This container is what we call the flexbox - the one used to wrap the others.
3⃣ Use flexbox features;
👉 There are various flexbox features. Some of them are:
📌 flex-grow, flex-direction and so on.
👑 The flexbox is one of the most important CSS concepts you should understand, if you still need to stand robust in coding without the AI.
493
✅ If you want an additional agentic AI tool for coding, check this one.
👉 Use the VScode extension: cline.
https://cline.bot/
493
✅ You can also check the deployed version of The Note Store Website:
https://the-note-store-app-frontend.vercel.app/
493
✅ Data Driven Design (3D)
👉 Data driven design is one of the two design schemes that we follow in software design and architectural practices.
👉 As the name indicates, data is the main driving force of the design process.
👉 First you decide what to store as data in your database and accordingly work out the database schema of the full-stack system.
👉 For this reson, development begins from the database side.
👉 Then, once you complete your database implementation, you work out the backend.
👉 The back-end is like installing data pipes on the database tables/entities across which data-flows from db to frontend and vice-versa.
👉 Here the concept of pipe is analogous to API route in the software context. Just the same us pipes are installed on a water tanker to distribute water.
👉 After the backend is implemented the frontend is easily built and then the system is integrated.
👉 The entire process is data-driven.
👉 The Note Store Website is built in this approach. You can review the code, if you are interested.
📌 Frontend repository: https://github.com/Abdurezak-Akmel/The-Note-Store-App-Frontend.git
📌 Backend repository:
https://github.com/Abdurezak-Akmel/The-Note-Store-App-Backend.git
