Web development is a fast changing ecosystem with new technologies and libraries being created on the go. To stay on top of everything, we have to make it as easy and accessible as possible to experiment and use these technologies with little to no setup. In this talk, we'd be exploring the world of Browser-based IDEs and how they are changing the ecosystem - improving collaboration, streamlined experiences and preconfigured development environments.

1. codesandbox.io
Adewale Abati, Developer Advocate @ CodeSandbox
ReimaginingWeb
Developmentinyour
Browser

2. Who am I?
Adewale"Ace"Abati
WebEngineer.Open
SourceEnthusiast.
DeveloperAdvocate.
Gamer
@ace_kyd

3. Spoketoafewdevelopers.
Howdoyoubuildstuff?

4. A developer today: Develops mainly on their localhost
Uses version control e.g. GitHub, GitLab.
Shares code through repositories
Shares their screen or takes their laptop to a
colleague to fix a bug.
01
02
03
04

5. LocaleditorsandIDEs

6. What if...? You can get instant help on your project with just
a link and boom!?
There is no need to install dependencies locally
before testing and running a project?
An entire class or workshop can follow you live
coding on their own devices?
What if...?
01
02
03
04

7. Browser-basedIDEs

8. Bringing your local environment with
you along with the benefits of the
cloud.
Accessibility, collaboration, mobility.

9. Popular online IDEs
Repl.it
CodeSandbox
Gitpod
Github Codespaces
01
02
03
04
etc.

10. VS
Huge downloads
Awful version upgrades
High resource consumption
Limited sharing capacity.
01
02
03
04
Little to no setup.
Quick start time.
Collaboration and sharing
Flexible development
environments
01
02
03
04
Current Offline development Using online IDEs

11. Complexprojects,Offlineaccessetc.
Therearestilllimitationsthough

12. Limitations Offline access
Complex projects support
Complete languages support
Learning curve & adoption
01
02
03
04

13. Flexible mobile development e.g CodeSandbox iOS
Large projects with shared workflow. e.g CodeSpaces
and CodeSandbox Projects.
Complex full stack projects e.g StackBlitz
WebContainers, CodeSandbox Projects.
Enhanced collaboration with deployable branches
01
02
03
04
Next level?

14. Opensourceasa
feature

15. Browser based IDES Simplifydevenvironmentsetup
Accessible examples
Mobile and easy contributions
Improved workflow
01
02
03
04

16. Tellusinchat!
Whatwouldmakeyou
movetoonlineIDEs?

17. What does the future hold for development in the browser?
Thanks!
Questions?
@ace_kyd @codesandbox