TypeScript Basics Examples

Start with beginner-friendly TypeScript—hello world and simple type annotations. These examples introduce syntax and show how types provide clarity and safety from the beginning.

Try TypeScript Compiler
Popular Examples
TypeScript Program: Hello World TypeScript: Basic Type Annotations TypeScript: Union Types TypeScript: Type Narrowing TypeScript: Interfaces TypeScript: Classes TypeScript: Generic Function TypeScript: Enums TypeScript: Tuples TypeScript: Optional Chaining TypeScript: Async/Await TypeScript: Custom Type Guards TypeScript: Readonly Properties TypeScript: Utility Types (Partial/Record)
More code tools TypeScript Compiler JavaScript Compiler All Code Editors

TypeScript Program: Hello World

Print a message to the console.

Output


                      

                    

                  

                                  

                    

                      
TypeScript: Basic Type Annotations

                      

                        
                        
                      

                    

                    
Use explicit types for variables and functions.

                    

                      

                        

                          
                        

                      

                      

                        

                          
Output

                        

                        

                      

                    

                  

                                          

          


          

            

              

                
Keep Practicing

                
Use the online TypeScript compiler to run examples and test variations. Reinforce learning by building small scripts for each topic.

              

            

          


          

            
FAQ

            

              

                

                  
                

                

                  
No. This page transpiles TypeScript in the browser to run simple examples. For larger projects, use a local setup with a bundler.

                

              

              

                

                  
                

                

                  
Yes. The examples demonstrate these core TypeScript features. Try modifying types and observe how the compiler enforces correctness.

                

              

              

                

                  
                

                

                  
TypeScript transpiles to JavaScript, so runtime behavior matches JS. Type safety helps you catch errors before execution.

                

              

            

          


          

            

              

                
Learn TypeScript by Practicing Examples

                
Hands-on practice is the fastest way to understand TypeScript. Each example focuses on a single concept—from types, unions, and narrowing to interfaces, classes, generics, and enums. Modify examples, add new functions, and see how type checks guide your code.

                
Use our tools to deepen learning: the TypeScript Compiler to run snippets, and the TypeScript Tutorial for structured lessons.

                

                  

                    

                      
Beginner-Friendly

                      
Start with type annotations and unions, then learn narrowing and basic interfaces.

                    

                  

                  

                    

                      
Practical Patterns

                      
Practice classes, generics, enums, tuples, and utility types in small snippets.

                    

                  

                  

                    

                      
Grow Skills

                      
Explore async/await and type guards to build robust, readable code.