Frontend Mentor VS CodeTogether

Compare Frontend Mentor VS CodeTogether and see what are their differences

Zarla

Zarla: The AI Website Builder for Local Businesses featured

Contents:

» Base Details
» Videos
» Reviews
» Alternatives

Frontend Mentor

Supercharge your front-end skills by building in a real-life workflow. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional quality designs.

CodeTogether

Live share IDEs and coding sessions. See changes in real time.

Landing page //
2022-12-02

Not present

CodeTogether is the perfect blend of functionality and simplicity, designed by a team of remote developers that rely on collaborative development. Whether you are on an Agile team that uses pair programming as part of your regular software development flow or you just like to live share your code in the occasional troubleshooting session, CodeTogether is the best tool for pair programming, mob programming, code review, and more! If you’ve been using screen sharing or an online code editor for collaborative coding, you’ll be amazed at the difference! Seeing is believing—watch our linked videos to see CodeTogether in action.

Frontend Mentor

Website: frontendmentor.io
Pricing URL: -
$ Details: -
Platforms: -
Release Date: 2019 April

Edit details

CodeTogether

Website: codetogether.com
Pricing URL: Official CodeTogether Pricing
$ Details: freemium $48.0 / Annually (CodeTogether Pro)
Platforms: Windows Mac OSX Linux
Release Date: 2020 May

Edit details

Frontend Mentor features and specs

Real-World Projects
Frontend Mentor offers a variety of real-world projects with detailed briefs that emulate industry standards, helping users build practical skills.
Design Resources
Projects come with design files, which include both desktop and mobile layouts, enabling users to practice building responsive websites.
Community Support
The platform has an active community where users can share their work, get feedback, and collaborate, fostering a supportive learning environment.
Skill Levels
Challenges are categorized by difficulty levels, allowing beginners to start easy and gradually tackle more complex projects as they progress.
Code Reviews
Users can receive code reviews from peers and mentors, offering constructive feedback that helps them improve their coding practices.
Portfolio Building
Completing projects on the platform can help users build a strong portfolio, showcasing their work to potential employers or clients.
Exposure to Best Practices
Users learn and apply industry best practices like semantic HTML, responsive design, and modern CSS techniques.

Possible disadvantages of Frontend Mentor

Cost
While some challenges are free, accessing many higher-level and premium challenges requires a subscription, which may be a barrier for some users.
Lack of Guidance
For absolute beginners, the platform may be daunting as it doesn't provide in-depth tutorials or step-by-step guides for each project.
Competition-centric
The competitive aspect of the platform might be discouraging for users who are still developing confidence in their skills.
Limited Backend Focus
Frontend Mentor primarily focuses on frontend development, which may not be suitable for those looking to enhance backend or full-stack skills.
Project Repetition
As popular projects are attempted by many users, the uniqueness of completed projects may diminish over time when showcased in portfolios.
Self-paced Learning
The self-paced nature of the platform means that users need to be self-motivated and disciplined, which can be challenging without a structured learning path.

CodeTogether features and specs

End-to-End Encryption
On-Premises
Available
Cross-platform support
Across multiple IDEs and browsers, no vendor lock-in
Host-provided intelligence
Advanced content assist, validation, navigation, etc.
Simultaneous Coding
Code in any group (even in the same file at the same time) or on your own
Shared servers, terminals & consoles
Hosts can share servers for remote access, and terminals that optionally allow guests to execute commands
Run Tests & Launches
Guests can remotely run tests and analyze results. They can also execute run configurations from the host IDE.
Audio/Video & Screen Sharing
Option to invite guests that aren't part of the coding session

Analysis of Frontend Mentor

Overall verdict

Frontend Mentor is highly recommended for both beginners and more experienced developers looking to build a strong portfolio with practical projects. Its realistic challenges and community support make it a valuable resource for anyone looking to improve their front-end development skills.

Why this product is good

Frontend Mentor is good because it provides a wide range of real-world projects that allow developers to practice and enhance their coding skills in HTML, CSS, and JavaScript. It helps bridge the gap between learning and applying skills by offering hands-on experience with design-to-code conversion. Additionally, the platform provides a supportive community and feedback, which can guide learning and improvement.

Recommended for

Frontend Mentor is best suited for beginner to intermediate front-end developers, coding bootcamp graduates, and self-taught learners who want to enhance their practical coding skills and build a portfolio of completed projects. It’s also valuable for web developers looking to solidify their understanding of front-end technologies.

Frontend Mentor videos

+ Add

Creando el Landing Page de un banco con SASS | Frontend Mentor challenge #2

CodeTogether videos

+ Add

CodeTogether: The Complete Overview to Live Sharing your IDE

Category Popularity

0-100% (relative to Frontend Mentor and CodeTogether)

Frontend Mentor

CodeTogether

Education

100 100%

Education

0% 0

Code Collaboration

0 0%

Code Collaboration

100% 100

Software Development

70 70%

Software Development

30% 30

Programming Tools

0 0%

Programming Tools

100% 100

User comments

Share your experience with using Frontend Mentor and CodeTogether. For example, how are they different and which one is better?

Social recommendations and mentions

Based on our record, Frontend Mentor seems to be a lot more popular than CodeTogether. While we know about 91 links to Frontend Mentor, we've tracked only 4 mentions of CodeTogether. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Frontend Mentor mentions (91)

The Best 100 Free UI/UX Resources for Every Designer & Developer
Frontend Mentor Frontendmentor.io Build real-world projects with free design files. - Source: dev.to / 3 months ago
I Finished The Odin Project's Foundation Track
In the meantime, I used frontendmentor.io to feed my desire for more projects. Just make sure you don’t go overboard and miss the mark. - Source: dev.to / 4 months ago
Web Development
If you know the basics of HTML, CSS and JS, mas okay matuto by creating projects from https://frontendmentor.io they’re free and users can give feedback on what to improve. Basically, you convert the screenshots/design to code or actually site. Source: almost 2 years ago
Revise frontend basics
Practice building from frontendmentor.io. Source: almost 2 years ago
Do you think it's effective to learn different programming languages at the same time especially for the summer?
Yeah, CSS is something that requires practice. I'll say 1st week (or maybe less) for HTML and then the remaining 2 for CSS. There are some good resources like frontendmentor.io that you can try to get some understanding of how HTML and CSS work together. I'll say don't waste too much time on learning. Kevin Powell is a good yt channel to follow. Also, you can always use things like TailwindCSSin the end but for... Source: almost 2 years ago

CodeTogether mentions (4)

Hey! Are there any coding platforms where you can share a simple link with other people to use an app? I keep wanting to find something other than code.org (which makes sharing pretty easy and accessible to anyone)
Looking for collaboration and advanced features? Most decent ones cost money ... Start with replit.com, also look at codeanywhere.com, and also codetogether.com (requires download, free+paid plans). Source: over 3 years ago
QUESTION: How to manage pair programming?
Are you using the right tools? Screen sharing isn't great for longer sessions, and you need a code focused tool like Live Share, or one we make - CodeTogether, especially if you need to work across IDEs. Source: about 4 years ago
dual keyboard / mouse input?
Just addressing the pair programming aspect of this - if you were doing this remotely, you could use something like codetogether.com Each of you would have your own machines and screens, but be looking at the same piece of code (if you want) or investigate / code in different areas of the project too. Source: about 4 years ago
PhpStorm 2021.1 Released: Preview for PHP and HTML Files, 20+ New Inspections, Improvements in All Subsystems, and Pair Programming via Code With Me
If any of you are looking for a pair/mob programming solution that works across IDEs, do try codetogether.com. Host in IntelliJ, join from VS Code or Eclipse if you want. We just added the support for writeable shared terminals. Video covering all the features is here: https://youtu.be/OgCWc3hTBc0. Source: about 4 years ago