https://github.com/tinymce/tinymce-code-tutorial
https://github.com/tinymce/tinymce-code-tutorial
draft
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tinymce/tinymce-code-tutorial
- Owner: tinymce
- License: apache-2.0
- Created: 2020-08-31T03:06:57.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-10-16T04:34:29.000Z (12 months ago)
- Last Synced: 2025-03-26T16:39:16.750Z (6 months ago)
- Topics: draft
- Language: TypeScript
- Homepage:
- Size: 205 KB
- Stars: 1
- Watchers: 12
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TinyMCE Code Tutorial
This repo is a tutorial in some of the programming concepts and libraries that we use in TinyMCE. We'll be covering a bunch of topics, including:
- Functional Programming and how it applies to TinyMCE
- Coding style and practices
- Libraries we use for common tasks like DOM manipulation
# Getting started
You'll need installed:
- nodejs LTS
- yarn
- a suitable IDE
*Clone this repo* to your own GitHub account and work through the exercises. Most of the exercises involve you filling in the blanks and running tests. We'll be writing some tests and using some external tools, too.
Anything with a TODO is something you need to fill in.
When you're finished a section, let your tutor know and they will review your code.
The tutorial is in 3 parts. They are located:
| Part | Location |
| ---- | -------- |
| 1 | `src/main/html` |
| 2 | `src/main/ts` and `src/test/ts/part2` |
| 3 | `src/test/ts/part3` |
# Tips
Follow the types.
We do things a bit differently here, so keep an open mind.
Be patient as you learn, give it a shot, but don't be afraid to ask for help.