So I’m pretty bad at making decisions, I can’t choose simple things so it’s definitely a hard time for me picking a career path or anything that will affect my life. (Edit: I couldn’t choose what parts of this question are the most important so I left this monstrosity as it is) Now, I recently found out about web development and what exactly a full stack developer is, and found it really interesting, so I subscribed to Udemy’s personal plan and started Angela yu’s course. Right now I’m in the flexbox part in css, and I’m pretty happy with this course, and haven’t found it outdated like some people say. However, some time ago I heard of freecodecamp and the Odin project, and was amazed to hear that they are free(I know that the Odin project basically redirects you to other free resources including freecodecamp, but still, they have projects and stuff). I looked it up and saw that Angela yu’s course is more recommended than freecodecamp, so I sticked with it, and as an ADHD person, I already have like 8 courses on my list on Udemy, that expand on topics like js(btw, it took me time to decide whether I should do Jonas or Maximillian course even though I’m not close to starting js), react.. and some are new topics like ruby or c#(I already know some c# but want to learn how to use it in backend development). Anyway🥵, what I liked about Udemy is that the personal plan includes a lot of topics, and even if I want to learn something that is not related to full stack development, I can, but then I found out about codecademy. They also have tons of free courses about a wide array of topics, and I don’t know if I should stop my Udemy subscription and move to codecademy, stay, or do both somehow.

I am here to commit in front of this community that "I am going to learn full-stack web development in 3 months." This may trigger someone but try to understand me there is a reason for it,

1.) I am from a lower middle class background in a third world county and don't have the financial power to continue coding forever

2.) I have been a lazy bum for the last 2.5 years and I am about to graduate in 3-4 months (The degree is not related to coding) all I have done is learn html a month ago and stopped practicing again. (Hence the 3 months time)

I don't know whether it is possible or not but I am going to try my best to make it possible.

I will give updates on this sub everyday from today even if I did or did not code. (If it is within the rules of this sub please let me know)

If I succeed people will take this as an good example and know it is possible

If I fail people should take this example and learn from it and improve their own journey

That is all.

Edit: 23-6-2025

Well changed it up I am looking at game development now and learning about it no more web dev for me.

Guide me so I can choose the better one

I just embarked on my coding journey a few days ago and got through the first section on responsive web design. I noticed it was hard to switch from just doing what the course told me to actually writing it on my own, however in the time of figuring out the final project how I saw the Full Stack beta course has a lot of overlap. I'm wondering if its worth it to focus on the Full stack course or continue on? The videos and actually having workshops right after working with something brand new seemed to be a better fit for myself but I don't want to dive head first into a rock. Any advice?

I’ve been looking through this sub and other online forums. Many people recommend The Odin Project, FreeCodeCamp, or Udemy courses. My problem has become struggling to pick the right one. Many people seem to having differing opinions on this and I don’t want to dive into one to later find out there’s a better resource available.

TLDR. I spent about a year creating a course consisting of 141 lessons. The course turned out great: everyone who goes through it is happy and leaves positive feedback. I tried selling it, but at best I could break even on advertising. In short, I’m a good developer and good at explaining material, but I’m a lousy marketer. All that targeting, retargeting, funnels, “shmunnels”—it’s all dreary to me. I have more fun and find it easier to earn money by creating and launching IT products, which is exactly what I teach in this course. So I’m writing this post to let you know about my course and to invite everyone who’s interested to benefit from it absolutely free. 🙂

The Goal of the Training

The main goal is to create a project from scratch, learning and applying the technologies and architecture that guarantee code quality, scalability, fast development, and the sheer enjoyment and pleasure of the process.

Technologies

• React

• TypeScript

• Vite

• Node.js

• pnpm

• Express

• tRPC

• PostgreSQL

• Prisma

• Formik

• Zod

• Jest

• Prettier

• ESLint

• Stylelint

• SCSS

• Husky

• React Router

• Cloudinary

• AWS S3

• MJML

• CRON

• Winston

• Balsamiq

• Sentry

• Mixpanel

• Cloudflare

• Docker

• DataDog

• Heroku

Who Is This Training For?

• For those who can tell null from an object. I’ll be teaching you a huge range of technologies and how to connect them. But you need to already know at least something about programming and markup because I won’t be breaking down the very basics—I’ll be teaching advanced topics.

• For those who want to enjoy the development process. The tech stack and architecture I propose are very pleasant for the developer. Your code will be clear, concise, and easy to maintain. You’ll enjoy the process of creating your product.

• For those who want to create products from A to Z. Many developers end up working on existing products that were started haphazardly by someone else long ago, and they have to adapt to existing inconvenient architectures and stacks. You, however, want to independently create products in full, from start to finish.

Who Teaches and How the Training Works

Sergei Dmitriev, devFlexer, iserdmi. Full-stack TypeScript developer. Over 15 years of commercial experience, with more than 10 projects developed from scratch.

Video: https://www.youtube.com/watch?v=Xw7_39orqXs&list=PLqACaOgM7Tp4fmd0fkyhY6rY2CP6CDOor

You Will Learn via a Video Textbook with Source Code The core of the training is a textbook consisting of 141 lessons. The textbook covers the creation of a web service that includes just about everything you’ll find in any IT product: authorization, forms, router, logging, tests, deployment, etc. All this is accompanied by source code and video instructions. Study it, copy it, adapt it to your own or a client project.

Curriculum Outline

1. How the training works – 14:39

2. Creating a graphical prototype – 38:47

3. Forming and estimating the project backlog – 30:56

4. Installing development tools – 3:33

5. VSCode master class – 9:45

6. Creating a React application using Vite – 13:35

7. Introduction to Git and GitHub – 15:50

8. HTML tags – 8:47

9. React and JavaScript – 5:38

10. Automatic code formatting with Prettier – 7:05

11. Creating a Node.js application in TypeScript – 16:54

12. Creating an Express application – 4:09

13. Creating an endpoint that returns JSON – 2:12

14. Adding tRPC to the backend – 8:38

15. Adding tRPC to the frontend – 24:33

16. Type checking – 5:18

17. Creating scripts for a monorepo – 11:46

18. Standardizing TypeScript code style with ESLint – 14:10

19. Automatically running Prettier, ESLint, and type checks on commit – 14:08

20. Standardizing Git commit messages – 11:13

21. Adding React Router – 11:14

22. Improving type definitions for React Router – 11:53

23. Introduction to Lodash, generating fake content – 8:22

24. Introduction to Zod, creating a tRPC procedure with input parameters – 6:53

25. Creating a Layout component shared by all pages – 2:48

26. Adding CSS styles with SCSS – 27:21

27. Creating another page of the web application – 5:21

28. Creating reusable components – 8:53

29. Standardizing SCSS file style with Stylelint – 5:00

30. SCSS file validity checks – 3:42

31. Forms: foundation – 7:26

32. Forms: input components – 7:40

33. Forms: Formik – 8:17

34. Forms: validation – 9:48

35. Forms: focusing on UX – 5:24

36. Forms: Zod validation – 4:28

37. Splitting the tRPC backend into separate files – 10:49

38. Automatic generation of an index file – 6:21

39. Adding tRPC mutations – 5:21

40. Reusing backend validation logic on the frontend – 2:26

41. Restricting backend code imports in the frontend – 3:36

42. Forms: upload – 3:22

43. Forms: success – 3:43

44. Forms: error – 5:36

45. Styles: Input – 7:42

46. Styles: Textarea – 5:05

47. Components: Alert – 4:04

48. Components: Button – 3:37

49. Components: FormItems – 4:19

50. Spinning up a PostgreSQL database – 2:58

51. Prisma: connecting to the database (DB) – 10:56

52. Passing the Prisma client into the tRPC context – 10:18

53. Prisma: searching for DB records with the Prisma client – 3:22

54. Prisma: creating records in the DB – 2:54

55. Prisma: adding new fields to an existing table – 7:58

56. Using superjson to get dates from the backend – 8:27

57. Authorization: user model + registration endpoint – 5:56

58. Using a tool for manually calling tRPC endpoints – 4:40

59. PostgreSQL: a GUI for working with the DB – 3:50

60. Authorization: registration page – 8:57

61. Authorization: login endpoint – 5:34

62. Authorization: login page – 2:40

63. Authorization: the process itself – 38:49

64. Environment Variables: backend – 8:27

65. Environment Variables: webapp – 8:38

66. Authorization: salt – 3:30

67. Authorization: token validation – 4:13

68. Prisma: related entities – 10:07

69. CRUD: editing entities – 18:54

70. Forms: creating your own wrapper – 26:04

71. Creating a client-side application context – 9:50

72. Creating a wrapper for repetitive page logic in a web application – 31:55

73. Improving type definitions of the page wrapper – 10:43

74. Adding a 404 page – 2:53

75. Organizing files into folders as the codebase grows – 7:38

76. Editing a user profile – 14:02

77. Another improvement to the page wrapper’s type definitions – 4:31

78. Changing a password – 10:12

79. Infinite data loading on button click – 21:42

80. Infinite data loading on scroll – 9:36

81. Making loading more visually appealing – 13:15

82. More complex entity relationships in the database, optimistic responses on the client – 34:37

83. Database search functionality, automatic form submission – 12:58

84. User permissions – 31:30

85. Setting the HTML title on web application pages – 17:27

86. Adding a favicon – 3:51

87. Adding icons – 5:12

88. Adding lazy-loaded images – 7:38

89. Adding embedded images – 6:11

90. Prisma: custom migrations – 9:33

91. E-mail: creating templates with MJML – 10:50

92. E-mail: creating and adding functions where needed – 15:39

93. E-mail: processing templates with Handlebars – 6:11

94. Domain registration – 6:07

95. E-mail: connecting a domain to Brevo – 7:20

96. E-mail: actually sending messages via Brevo – 10:23

97. Creating optional env variables – 6:29

98. Importing front-end routes into the back end – 11:16

99. Building a wrapper for creating routes – 21:09

100. Extracting shared env variables for both front end and back end – 6:59

101. CRON: scheduled tasks – 5:38

102. PostgreSQL: writing complex queries – 20:10

103. MJML + Handlebars: loops and other helpers – 17:40

104. Monorepo: shared workspace – 18:17

105. State management in a web application – 10:09

106. Logging: adding a logger – 6:21

107. Logging: standardizing input parameters + error serialization – 8:00

108. Logging: a pretty output of logs during development – 9:56

109. Logging: tRPC backend – 10:01

110. Logging: Prisma – 6:07

111. Logging: log filtering – 4:55

112. Logging: sensitive data – 9:32

113. Logging: Express – 2:45

114. Logging: tRPC client – 4:58

115. Sentry: catching errors in the web application – 25:53

116. Creating a new type of error ExpectedError – 18:31

117. Sentry: sourcemaps for the web application – 12:27

118. Sentry: catching backend errors – 11:10

119. Sentry: sourcemaps for the backend – 9:15

120. Tests: unit tests – 28:51

121. Tests: integration tests – 31:24

122. Tests: prohibiting imports of tests into main code – 4:57

123. Tests: environment variables – 17:45

124. Tests: mocking modules – 26:02

125. Improving type definitions of pick & omit functions – 7:50

126. Uploading images to Cloudinary – 50:16

127. Uploading multiple images to Cloudinary – 18:54

128. Uploading files to AWS S3 – 30:48

129. Uploading multiple files to AWS S3 – 7:42

130. Standardizing shared env variables for front end and back end – 9:03

131. Product analytics with Mixpanel – 19:15

132. Serving the web application through the backend – 9:25

133. Getting front-end environment variables from the backend – 15:13

134. DevOps: Creating a Dockerfile, building an image, running a container – 47:53

135. DevOps: Deploying to Heroku – 22:30

136. DevOps: Automatic deployment to Heroku via GitHub Actions – 18:52

137. Sending logs to Datadog – 12:51

138. Analyzing the front-end bundle – 3:29

139. Supporting older browsers – 1:38

140. Automatically adding CSS prefixes – 3:19

141. Conclusion – 0:46

Overview of the Project’s Architecture and Features

A technical project’s success hinges on its architecture. The project code should be easy to maintain and scale. The project’s architecture is defined by the chosen technologies and how they interact. Laying out high-quality architecture from the start ensures the quality of your life and code throughout the entire project.

I have built large-scale projects from scratch many times, and I’ve figured out the best way to structure the architecture for teams of 1 to 3 people. In the lessons, we gradually build up this architecture using the technologies listed above.

In this video, I’ll give a quick overview of all the architectural elements.

Video: https://www.youtube.com/watch?v=jiLJSJFJIm4&list=PLqACaOgM7Tp4fmd0fkyhY6rY2CP6CDOor

Where to Study?

📚 All 141 lessons and course information on the custom platform: https://svag.group/en/education/dev-web ▶️ YouTube Playlist: https://www.youtube.com/playlist?list=PLqACaOgM7Tp4fmd0fkyhY6rY2CP6CDOor

⏳ Notice: 16 lessons are already available. Starting from December 30, 2024, I will upload one lesson per day until all 141 lessons are posted. All lessons have already been recorded. I’m uploading them one by one to grow my presence on YouTube.

I would appreciate reposts and subscriptions to my channels, where I'll share other useful content for developers: ⭐️ devFlexer Facebook Page: https://www.facebook.com/devFlexerGuy 📹 devFlexer YouTube channel: https://www.youtube.com/@devFlexer

🤝 Support for students will be provided through replies to comments on the lessons on YouTube and on the public page on YouTube.

hey all, so assume im a complete newbie to programming, and i want to pursue a career in software development / full stack development in the future.

is the "Certified Full Stack Developer Curriculum" a good starting point or is there another course that's better? I'll spend 2-3 hours a day on it.

Thanks!

Hey everyone,

I’m really excited to dive into full-stack development and start building my career! Do you have any recommendations for good websites or platforms where I can learn full-stack development?

I’d love to hear about any courses, tutorials, or resources that helped you when you were starting out.

Thanks so much!

Hi everyone!

I'm trying again to learn modern webdev to create websites, webapps and eventually mobile apps. There are a lot of languages and frameworks and it is hard to find a real course that would guide me from zero knowledge to know how to build a real webapp.

I'm a computer scientist (HES technician in Switzerland), so I know quite a lot about programming. I know HTML, PHP, a bit of JS, C#, Python,... but I don't want a course that assume I already know everything (I am not a pro with NPM, GIT,..).

Is there a free course that could guide me from "zero" to full-stack webdev in a single tech?

Maybe even a ToDo list with server and client-side code, but I want to have done a real app at the end, not just learn about a tech and don't really know how to use it in the real world.

I want to learn it to make 1-2 web apps that I could show as a portfolio to be hired in web dev.

Is there something like that anywhere on the web? I searched quite a lot, but every time I try to learn webdev, I give up and just feel angry about the current state of web technologies.

Can't any real-world webdev talk about how they learnt (not a multi-year process going from framework to framework) and how they work in the industry?

To me, the webdev tech is a mess, and a lot of people say the same.

I just want a free full course that would allow me to build real webapps to get hired (that I could do in some months, not years).

If you got something good, let me know! Thanks.

Edit: BTW, what do you think of ASP.NET Core 2? It seems clear and well documented.

I'm a guy in Argentina looking to get into programming. Should I pay for a course which lasts a year and supposedly guarantees I come out with FS knowledge, but it costs 1K USD, or should I try to learn on my own with free resources, websites and videos? What are the pros/cons, according to you?

Bear in mind that 1K USD might seem low to someone in the US, but you could live for a month or two with that amount here in Argentina.

Where is the best place for me to learn full stack web development from the beginning. I have some experience with Python, HTML, CSS and Javascript but would like to find a place to start from scratch. I've heard of The Odin Project and FreeCodeCamp. Was wondering if there were any other better options or if people had any opinions about the two.

https://youtu.be/LzMnsfqjzkA

Decides to share it, especially since the fullstack web dev course is paid in Scrimba's own website.

Hey everyone. Before saying anything I would like to preface that this is my first time posting in a subreddit, so if I did something wrong somehow I apologize in advance (I chose the resource tag because my main question concerns choosing resources to learn).

I have currently completed my second year in uni and am in the midst of my 3-month summer break. I want to spend these three months focusing on learning full stack development (which for now is my career goal ig), and specifically web development. I have this obsession with doing online courses and improving my skills to get better, and I'm also really looking to do some solid projects and start building my resume/cv.

I scoured the internet and found multiple recommended courses which I've listed below. Unfortunately I have a bad habit of just hoarding work and trying to do everything without a plan and regardless of whether it is redundant or not. Here are the courses I gathered:

• The Odin Project

• Full Stack Open

• Scrimba Frontend Developer Career Path

• web.dev courses (HTML -> CSS -> JavaScript)

• CS50’s Introduction to Computer Science -> CS50’s Web Programming with Python and JavaScript

• Jonas Schmedtmann's JavaScript and FrontEnd course on Udemy

• freecodecamp Certified Full Stack Developer Curriculum

• The roadmap on roadmap.sh

• This roadmap by NiagaraThistle

I want to know which of these courses would be enough for me to become skilled at web dev and also set me on the path to becoming a full stack dev. I'd like to know if just one of these courses is actually enough, or if a few are enough then in what sequence should I do them. Of course if I had infinite time I would probably do them all but as of now this is overwhelming and would really appreciate if this could be narrowed down to the absolute essentials, stuff I can feasibly do in < 3 months and still get something out of. I'm aware that TOP seems well praised universally so I'm definitely going to do that.

To preface I'm fairly adequate in programming and have worked on a few projects, including web-based ones, but I'm really looking to rebuild my skills from scratch if that makes sense. I also understand that the best way to learn is through building projects, I get that but I'd like to supplement that with learning theoreticals and any courses from the above (or if there's some other amazing one I somehow missed) which also involve project building would be best. I'd also like to know where I can find some project ideas (I'm aware roadmap.sh has a few). I'd like to build at least 3 projects within the time I have.

Again would really appreciate some help (if I seem rather clueless in this post it's probably because I am, sorry, any guidance is appreciated)

Hi guys, i am web development beginner, and i learned html and css3 a couple of years ago but lost the hand a little bit. I have full free time now for at least 6 month and my goal is to become a website maker front and back end. I am actually jumping video after video on youtube to know what languages to learn chronologically in order to realise my goal, and this are the languages that they say to learn chronologically in order to become a full stack web developer: HMTL5 - CSS3 - JS - PHP - PYTHON - SQL and libraries and framework like REACT.JS - NODE.JS - BOOTSTRAP and GIT for saving/team work. My question is what is the best way/course to follow in order to learn everything correctly and step by step without being overwhelmed or lost and what languages i really need to become a website make knowing that i am learning wordpress too and want to know what languages or skills will help me to become a wordpress master too.

Other questions that have: What is the difference between web programmer and web developer. Software engineer vs software developer - web developer vs web designer - coder vs programmer because i lost a whole day trying to figure out what are the differences and i guess some of the listed above are overlapping role but i need a real explanation in order to differentiate what is what and use one common word to describe the role because my brain is going in any angle now. Thanks in advance

Hey everyone, I’m currently learning web development and want to become a full stack developer. I see many paid online courses on platforms or youtubers.

Do you think it’s worth buying a paid course, or can I learn everything for free from YouTube and other resources? If you’ve bought a course before, was it actually helpful?

Would love to hear your opinions and suggestions!

Hey everyone. I just released the final video in my full stack web development course. In this course we create a library based application using Node.js, Express, and MongoDB.

This course covers everything from how the backend works, what MVC and REST are, how to setup your first Node.js application, how to deploy to Heroku, and of course how to create a modern full stack server rendered application. If you are looking to learn Node.js, Express, or MongoDB then this course is the perfect course for you, and I would love it if you came and checked it out. I spent four months planning and recording this course, and am really happy with how it turned out, so please let me know what you think if you check it out.

Also, if you have any feedback, please let me know. I want to continue making more even better courses and would love any constructive criticism.

Checkout the Course Trailer

I work in retail small business, which has a static website, uses carbon copy paper forms, and creates invoices in Excel spreadsheets. The most high-tech program we have is Outlook email. I'm interested in software development (dabbled a little) and wondering if a Full Stack Developer course would provide me with the skills to create a digital system for my company to transition to?