Building Flutter on Gitlab – Flutter Android Image

Comment

When it came to building a Flutter MVP application, I was very dissatisfied with the existing Flutter Images. They were outdated by many many versions. Therefore I created an image reflecting the current version of Flutter. The source is on Github, you can find the Image ‘kattwinkel/flutter-android’ on Docker Hub. A minimal .gitlab-ci.yml file might just […]
READ MORE

theCodeCampus
Developer at thecodecampus </>

November 21, 2018

Call a method on @Input() change

Comment

Problem You probably already run into this issue. Inside a component, you want to react to the change of an @Input() value e.g. by calling a method of your component. For example we have get an @Input() filter: string from our parent component and if the @Input() changes, we want to update our data in […]
READ MORE

theCodeCampus
Developer at thecodecampus </>

October 27, 2018

Uncategorized

Install Docker on Ubuntu 18.10

Comment

Currently there is no official release of Docker available for Ubuntu 18.10. Therefore you’ll run into errors like this one: $ sudo apt-get install docker-ce Reading package lists... Done Building dependency tree Reading state information... Done Package docker-ce is not available, but is referred to by another package. This may mean that the package is missing, [...] READ MORE



						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at



				
					

                        
                          October 5, 2018
                        

                        
                          
	Angular
	CSS
                        

                        
                            
                                Angular 2 – Set Class of parent element with @HostBindings                            
                        

                        
                                                            
                                    6 Comments                                
                                                    

						
                            With the @HostBinding() annotation, Angular gives you a useful tool to handle manipulations of css classes of parent Elements. The advantage is quite clear, the required logic remains in the components class and is not set in the template file. This makes it easier to test and improves the readability of the template file. In […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          July 26, 2018
                        

                        
                          
	Angular
	Tooling
                        

                        
                            
                                Locally serving the build distribution of an Angular SPA                            
                        

                        
                                                            
                                    Comment                                
                                                    

						
                            tl;dr Use Node Package local-web-server and its command ws with the spa flag like this: ws --spa index.html While developing an Angular based SPA usually you will use the Angular CLI as build too. The CLI has an integrated development server which is able to handle client-side routing. So whenever a reload happens and you’re […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          July 18, 2018
                        

                        
                          
	Angular
	JavaScript
	Others
                        

                        
                            
                                Angular, Preserving Query Params and Google AdWords                            
                        

                        
                                                            
                                    Comment                                
                                                    

						
                            … and how all this leads to an incorrect source of traffic in Google Analytics and incorrect conversion attribution.   The situation is as follows: On www.thecodecampus.de we run an Angular 6 page. We advertise our product with Google AdWords. If a visitor comes via Google AdWords, the URL is appended with a glcid and several […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          May 7, 2018
                        

                        
                          
	Others
	Tooling
	Uncategorized
                        

                        
                            
                                Use  Git Bash, Cmder or ConEmu as default terminal in IntelliJ IDEA on Microsoft Windows                            
                        

                        
                                                            
                                    Comment                                
                                                    

						
                            This post will show you how to easily set the default Terminal to a Unix/bash like terminal in IntelliJ IDEA on Windows. As the Windows CMD.EXE is quite limited in it’s functionality (and usability) you might already be using some UNIX-like terminal emulator like Git Bash (which comes with Git for Windows, so you might […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          March 5, 2018
                        

                        
                          
	Others
	Tooling
                        

                        
                            
                                Throwing Errors in Npm Build Script                            
                        

                        
                                                            
                                    Comment                                
                                                    

						
                            From time to time you may want to throw an error from within an npm build script. This should be done in such a way that the complete execution of the script is recognized as faulty. So that for example, a build server recognizes that a script did not run successfully. You only need to […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          March 2, 2018
                        

                        
                          
	Angular
	JavaScript
	TypeScript
                        

                        
                            
                                The ‘this’ context of type ‘void’ is not assignable to method’s ‘this’ of type ‘Observable<{}>‘.                            
                        

                        
                                                            
                                    Comment                                
                                                    

						
                            If you are experiencing this error – usually something with your RxJS imports is wrong. So you should go through them manually or simply delete all imports from RxJS in the corresponding file and let the IDE generate them again. Something broken could look like this: 


		
		
			
			

			
			import {map} from 'rxjs/add/operator/map';
			
				
					
				
					1
				
						import {map} from 'rxjs/add/operator/map';
					
				
			
		

 Better working might be: 


		
		
			
			

			
			import {map} from 'rxjs/operators';
			
				
					
				
					1
				
						import {map} from 'rxjs/operators';
					
				
			
		

 What is happening? RxJS […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
					

                        
                          February 23, 2018
                        

                        
                          
	JavaScript
	Node.js
	TypeScript
                        

                        
                            
                                Creating a CORS Middleware in nest.js                            
                        

                        
                                                            
                                    4 Comments                                
                                                    

						
                            Nest.js is a great framework for writing REST-API’s using Node.js. It features Angular’s dependency injection, an complete TypeScript integration and helps you with structuring your code. A common issue when working with REST-API’s is Cross-Origin-Request-Sharing (CORS), which keeps your Angular client from requesting resources which are located on another domain. Let’s pretend, for instance your […]
 READ MORE
													

						
                            
                                
                                    
                                                                            
                                
                                
                                    theCodeCampus

                                    Developer at 
                                
                            
						

                        
					

				
				
					Newer »
					 « Older