It's great that you're planning a comprehensive learning path to become a full-stack web developer. Your outlined plan looks solid, and you've covered key areas for both front-end and back-end development. Here's a breakdown and some suggestions:

Front-end Development:

HTML, CSS, JavaScript, and jQuery are essential foundations.
Learning Angular is a great choice, and considering your interest in UX/UI, exploring frontend frameworks like React could be beneficial.
Back-end Development:

Ruby on Rails (RoR) is an excellent choice for your back-end development. Understanding the MEEN stack (MongoDB, Ember, Express, Node) is an alternative, but given your interest in Ruby on Rails, it might be worth sticking to RoR.
JS Frameworks:

Expanding your knowledge in JS frameworks is a good idea. Consider exploring React or Vue.js in addition to Angular, as they are widely used in the industry.
UI/UX Design:

Your knowledge of Photoshop and Illustrator is a valuable asset. Learning UX/UI principles is a great step. Tools like UXpin and Sketchup are also useful. Consider adding tools like Figma or Adobe XD to your toolkit.
Regarding your learning path, it's not about replacing 1, 2, and 3 with the MEEN stack. It's more about choosing the stack that aligns with your goals and interests. If you're keen on Ruby on Rails, stick with it. However, exploring MEEN can broaden your understanding of different technologies.

For additional insights into web development, you might find this article interesting: https://www.cleveroad.com/blog/how-much-does-it-cost-to-hire-a-react-developer/. It discusses the cost aspects of hiring React developers, providing context into the demand for React in the industry.

Best of luck on your learning journey, and feel free to reach out if you have more questions!