{"id":2781,"date":"2022-07-28T00:00:00","date_gmt":"2022-07-27T17:00:00","guid":{"rendered":"https:\/\/uat-dev4.ismtech.net\/5-free-project-based-tutorials-%e0%b8%aa%e0%b8%b3%e0%b8%ab%e0%b8%a3%e0%b8%b1%e0%b8%9a-developer\/"},"modified":"2023-06-08T12:00:35","modified_gmt":"2023-06-08T05:00:35","slug":"5-free-project-based-tutorials-for-developer","status":"publish","type":"post","link":"https:\/\/www.ismtech.net\/th\/it-topics-trends-th\/5-free-project-based-tutorials-for-developer\/","title":{"rendered":"5 Free Project-Based Tutorials \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Developer"},"content":{"rendered":"\n
<\/p>\n\n\n
\u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19 Junior Developer \u0e2b\u0e23\u0e37\u0e2d Developer \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07 Project \u0e43\u0e2b\u0e21\u0e48 \u0e46 \u0e44\u0e27\u0e49\u0e43\u0e19 Portfolio \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e27\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07 \u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21 Tutorials \u0e2a\u0e2d\u0e19\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e41\u0e19\u0e30\u0e19\u0e33\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e41\u0e1a\u0e1a\u0e1f\u0e23\u0e35 \u0e46 \u0e01\u0e31\u0e1a 5 Free Project-Based Tutorials \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Developer<\/strong> \u0e21\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e31\u0e19\u0e40\u0e25\u0e22<\/p>\n 1. Portfolio Website<\/strong><\/p>\n Portfolio Website \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19 Projects \u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e21\u0e32\u0e01 \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19 Website \u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e04\u0e27\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e19\u0e02\u0e13\u0e30\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 Web Development \u0e41\u0e25\u0e30 Portfolio Website \u0e01\u0e47\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19 Projects \u0e44\u0e27\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e15\u0e31\u0e27\u0e15\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e2a\u0e39\u0e48\u0e42\u0e25\u0e01 Online \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07<\/p>\n \u0e02\u0e49\u0e2d\u0e14\u0e35 \u0e02\u0e2d\u0e07 Portfolio Website<\/strong><\/p>\n \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 Portfolio Website<\/strong><\/p>\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e19\u0e35\u0e49\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e04\u0e38\u0e13\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Portfolio Website \u0e41\u0e25\u0e30 Deploy \u0e21\u0e31\u0e19\u0e43\u0e19 AWS (Amazon Web Service)<\/p>\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49: <\/strong>HTML, CSS, JavaScript \u0e41\u0e25\u0e30 AWS<\/p>\n Source code:\u00a0https:\/\/github.com\/divanov11\/portfolio-website<\/a><\/p>\n 2. Blog Website<\/strong><\/p>\n \u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Blog \u0e21\u0e35\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e0a\u0e49\u0e2b\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27 \u0e44\u0e21\u0e48\u0e27\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19 MERN (MongoDB, Express, React \u0e41\u0e25\u0e30 Node) Stack \u0e2b\u0e23\u0e37\u0e2d WordPress \u0e0b\u0e36\u0e48\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Blog Website \u0e14\u0e49\u0e27\u0e22 WordPress \u0e19\u0e48\u0e32\u0e08\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e17\u0e35\u0e48\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e15\u0e48\u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 CRUD (Create, Read, Update \u0e41\u0e25\u0e30 Delete) \u0e08\u0e36\u0e07\u0e02\u0e2d\u0e41\u0e19\u0e30\u0e19\u0e33 Lama Dev<\/p>\n \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 Blog Website<\/strong><\/p>\n \u0e17\u0e35\u0e48 Lama Dev \u0e08\u0e30\u0e2a\u0e2d\u0e19\u0e04\u0e38\u0e13\u0e2a\u0e23\u0e49\u0e32\u0e07 Blog Website \u0e14\u0e49\u0e27\u0e22 MERN Stack \u0e41\u0e25\u0e30\u0e21\u0e35 Tutorial \u0e41\u0e1a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e40\u0e1b\u0e47\u0e19 3 \u0e15\u0e2d\u0e19 \u0e14\u0e31\u0e07\u0e19\u0e35\u0e49<\/p>\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49: <\/strong>React, Node, Express \u0e41\u0e25\u0e30 MongoDB<\/p>\n Source code:\u00a0https:\/\/github.com\/safak\/youtube\/tree\/mern-blog-app<\/a><\/p>\n 3. Amazon Clone with Firebase<\/strong><\/p>\n \u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 E-commerce Store \u0e2d\u0e22\u0e48\u0e32\u0e07 Amazon \u0e04\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e19\u0e2d\u0e22\u0e32\u0e01\u0e08\u0e30\u0e17\u0e33 \u0e41\u0e25\u0e30\u0e17\u0e35\u0e48 Clever Programmer \u0e01\u0e47\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e17\u0e35\u0e48\u0e08\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e0a\u0e48\u0e27\u0e22\u0e04\u0e38\u0e13\u0e43\u0e2b\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e31\u0e19\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e44\u0e14\u0e49<\/p>\n \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 Amazon Clone with Firebase<\/strong><\/p>\n \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e08\u0e30\u0e2a\u0e2d\u0e19\u0e04\u0e38\u0e13\u0e43\u0e2b\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07 E-commerce Functionality App \u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 Accounts \u0e41\u0e25\u0e30 Login Page, Cart \u0e41\u0e25\u0e30 Checkout Page, Real Payments \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07 Order History Page<\/p>\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49: <\/strong>React \u0e41\u0e25\u0e30 Firebase<\/p>\n 4. Social Media React App<\/strong><\/p>\n \u0e08\u0e19\u0e16\u0e36\u0e07\u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 \u0e04\u0e38\u0e13\u0e04\u0e07\u0e44\u0e14\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Portfolio Website, Blog Website \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07 E-commerce Website \u0e44\u0e1b\u0e41\u0e25\u0e49\u0e27<\/p>\n \u0e41\u0e15\u0e48\u0e17\u0e38\u0e01\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49 \u0e40\u0e23\u0e32\u0e17\u0e38\u0e01\u0e04\u0e19\u0e15\u0e48\u0e32\u0e07\u0e01\u0e47\u0e43\u0e0a\u0e49 Social Media \u0e01\u0e31\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e2b\u0e0d\u0e48 \u0e14\u0e31\u0e07\u0e19\u0e31\u0e49\u0e19 \u0e08\u0e36\u0e07\u0e1e\u0e25\u0e32\u0e14\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e08\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07 Social Media App \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32<\/p>\n \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 Social Media React App<\/strong><\/p>\n Login, Sign Up, Dashboard (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a View \/ Like \/ Comment) \u0e41\u0e25\u0e30 User Profiles \u0e0b\u0e36\u0e48\u0e07\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23 Deploy \u0e02\u0e36\u0e49\u0e19 Vercel<\/p>\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49:<\/strong> React, Firebase, Tailwind CSS, LoadTest, Lighthouse, Vercel, React Testing Library \u0e41\u0e25\u0e30 Cypress E2E Testing<\/p>\n Source code:\u00a0https:\/\/github.com\/karlhadwen\/instagram<\/a><\/p>\n 5. React Admin Dashboard<\/strong><\/p>\n \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07 Dashboard \u0e04\u0e38\u0e13\u0e2d\u0e32\u0e08\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 Apex Chart, Chart.js \u0e41\u0e25\u0e30 Charts Documentation \u0e2d\u0e37\u0e48\u0e19 \u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e35\u0e48\u0e08\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e23\u0e49\u0e32\u0e07 Chart \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e1a\u0e19 Dashboard<\/p>\n \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 React Admin Dashboard<\/strong><\/p>\n Lama Dev \u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 Concepts \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07 Admin Dashboard \u0e44\u0e14\u0e49<\/p>\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49:<\/strong> React, Material-UI \u0e41\u0e25\u0e30 Chart<\/p>\n Source code:\u00a0https:\/\/github.com\/safak\/youtube\/tree\/react-admin<\/a><\/p>\n \u0e41\u0e25\u0e30\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e19\u0e35\u0e49\u0e04\u0e37\u0e2d 5 Free Project-Based Tutorials \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Developer<\/strong> \u0e17\u0e35\u0e48\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07 \u0e41\u0e16\u0e21\u0e44\u0e14\u0e49\u0e21\u0e35 Project \u0e43\u0e2b\u0e21\u0e48 \u0e46 \u0e44\u0e27\u0e49\u0e43\u0e2a\u0e48\u0e43\u0e19 Portfolio \u0e2d\u0e35\u0e01\u0e14\u0e49\u0e27\u0e22 \u0e2b\u0e27\u0e31\u0e07\u0e27\u0e48\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e19\u0e35\u0e49\u0e08\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e44\u0e14\u0e49\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e48\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e17\u0e35\u0e48\u0e0a\u0e2d\u0e1a\u0e19\u0e30\u0e04\u0e30<\/p>\n \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e01\u0e33\u0e25\u0e31\u0e07\u0e2b\u0e32\u0e07\u0e32\u0e19\u0e43\u0e19\u0e2a\u0e32\u0e22\u0e07\u0e32\u0e19\u0e44\u0e2d\u0e17\u0e35 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c ISM Technology Recruitment \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07 Resume \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e21\u0e32\u0e17\u0e35\u0e48 https:\/\/www.ismtech.net\/submit-your-resume<\/a>\u00a0\u0e41\u0e25\u0e49\u0e27\u0e04\u0e38\u0e13\u0e08\u0e30\u0e1e\u0e1a\u0e27\u0e48\u0e32\u0e2d\u0e19\u0e32\u0e04\u0e15\u0e41\u0e25\u0e30\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e23\u0e2d\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e39\u0e48<\/p>\n ISM \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e43\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 IT Recruitment & IT Outsourcing \u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e40\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32 30 \u0e1b\u0e35 \u0e21\u0e35\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e38\u0e01\u0e2a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19 IT \u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e43\u0e2b\u0e0d\u0e48\u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e49\u0e32\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<\/p>\n\n
\u0e22\u0e31\u0e07\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e14\u0e35\u0e2d\u0e37\u0e48\u0e19 \u0e46 \u0e2d\u0e35\u0e01\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<\/li>\n<\/ul>\n\n
\n
<\/p>\n\n
\n
<\/p>\n\n