<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>El mundo de deckerix</title>
	<atom:link href="http://deckerix.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://deckerix.com</link>
	<description>El mundo de deckerix</description>
	<lastBuildDate>Mon, 31 May 2021 13:04:42 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.10</generator>

<image>
	<url>http://deckerix.com/wp-content/uploads/2018/11/cropped-logo-1-32x32.png</url>
	<title>El mundo de deckerix</title>
	<link>http://deckerix.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>SmallPDF, gran utilidad para gestionar nuestros ficheros PDF</title>
		<link>http://deckerix.com/blog/smallpdf-gran-utilidad-para-gestionar-nuestros-ficheros-pdf/</link>
					<comments>http://deckerix.com/blog/smallpdf-gran-utilidad-para-gestionar-nuestros-ficheros-pdf/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Mon, 31 May 2021 11:56:02 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2657</guid>

					<description><![CDATA[Cada vez más gente se está incorporando al mundo del teletrabajo, a veces de forma un tanto precipitada, a veces no de forma completa, pasando unos días en la oficina y otros días en&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="396" src="http://deckerix.com/wp-content/uploads/2021/05/small_pdf_-1024x396.png" alt="" class="wp-image-2659" srcset="http://deckerix.com/wp-content/uploads/2021/05/small_pdf_-1024x396.png 1024w, http://deckerix.com/wp-content/uploads/2021/05/small_pdf_-300x116.png 300w, http://deckerix.com/wp-content/uploads/2021/05/small_pdf_-768x297.png 768w, http://deckerix.com/wp-content/uploads/2021/05/small_pdf_-1536x593.png 1536w, http://deckerix.com/wp-content/uploads/2021/05/small_pdf_.png 1600w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Cada vez más gente se está incorporando al mundo del teletrabajo, a veces de forma un tanto precipitada, a veces no de forma completa, pasando unos días en la oficina y otros días en casa. Cualquiera que sea tu caso, es importante a la hora de trabajar, contar con las herramientas más adeacuadas para ello. Una herramienta online que no puede faltar es <a href="https://smallpdf.com/es">smallpdf</a>.</p>



<p>Se acabó el estar instalando herramientas en cada ordenador para retocar ficheros PDF. Me encanta la gran variedad de herramientas para PDF que ofrecen en su <a href="https://smallpdf.com/es">página web</a>, incluyendo conversiones, recortes, fusiones y divisiones de ficheros. He utilizado muchos sitios web diferentes y creo que Smallpdf tiene el sitio web más atractivo. Es tan fácil y accesible, que no se necesita ningún tipo de conocimiento especial para utilizar esta aplicación.</p>



<p>Una herramienta muy útil que tienen, es la opción de comprimir el tamaño de los PDFS. Puede comprimir el tamaño del pdf hasta el 90% o más, de forma muy sencilla, simplemente arrastrar el PDF a la caja de texto Drop PDF here y listo. La plataforma web se encarga de realizar la reducción de tamaño y devolverte el PDF ya optimizado.</p>



<p>Otra de las ventajas, es que no pide una cuenta para utilizar el software y la calidad es increible. He probado a <a href="https://smallpdf.com/es/comprimir-pdf">comprimir documentos </a>con una excelente visualización.</p>



<figure class="is-layout-flex wp-block-gallery-1 wp-block-gallery columns-1 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img decoding="async" width="1024" height="463" src="http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf-1024x463.png" alt="" data-id="2661" data-full-url="http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf.png" data-link="http://deckerix.com/blog/smallpdf-gran-utilidad-para-gestionar-nuestros-ficheros-pdf/comprimir_smallpdf/" class="wp-image-2661" srcset="http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf-1024x463.png 1024w, http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf-300x136.png 300w, http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf-768x347.png 768w, http://deckerix.com/wp-content/uploads/2021/05/comprimir_smallpdf.png 1452w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></li></ul></figure>



<p>Sin duda Smallpdf es un excelente sitio web para gestionar documentos PDF online. Es muy sencillo de utilizar, diria que mucho más que Adobe, sólo hay que subir el documento deseado en línea y luego seleccionar la característica que se desea. Una tarea que antes me llevaba bastante tiempo, ahora lo hago en nada, desde cualquier navegador, sin importar si estamos trabajando en Windows o Linux.</p>



<p>Echad un vistazo a todas las opciones que tienen, son tantas que necesitaria varios artículos para comentarlas todas. La opción de vista previa de los archivos, desde donde te permiten eliminar o cambiar el orden de las páginas del PDF es otra de las cosas más interesantes que ofrecen.</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/smallpdf-gran-utilidad-para-gestionar-nuestros-ficheros-pdf/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Enhanced Syntax Highlighting Visual Studio</title>
		<link>http://deckerix.com/blog/enhanced-syntax-highlighting-visual-studio/</link>
					<comments>http://deckerix.com/blog/enhanced-syntax-highlighting-visual-studio/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Fri, 03 Jul 2020 10:17:55 +0000</pubDate>
				<category><![CDATA[Programación]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2652</guid>

					<description><![CDATA[Hello there. I don&#8217;t know if you use it, but here&#8217;s my tip of the day When I program with Visual Studio I usually use this extension: https://marketplace.visualstudio.com/items?itemName=StanislavKuzmichArtStea1th.EnhancedSyntaxHighlighting I think you can read the&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<p>Hello there.</p>



<p>I don&#8217;t know if you use it, but here&#8217;s my tip of the day</p>



<p>When I program with Visual Studio I usually use this extension:</p>



<p><a href="https://marketplace.visualstudio.com/items?itemName=StanislavKuzmichArtStea1th.EnhancedSyntaxHighlighting">https://marketplace.visualstudio.com/items?itemName=StanislavKuzmichArtStea1th.EnhancedSyntaxHighlighting</a></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="570" src="http://deckerix.com/wp-content/uploads/2020/07/Preview-1024x570.png" alt="" class="wp-image-2653" srcset="http://deckerix.com/wp-content/uploads/2020/07/Preview-1024x570.png 1024w, http://deckerix.com/wp-content/uploads/2020/07/Preview-300x167.png 300w, http://deckerix.com/wp-content/uploads/2020/07/Preview-768x428.png 768w, http://deckerix.com/wp-content/uploads/2020/07/Preview.png 1106w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<p>I think you can read the code much better</p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/enhanced-syntax-highlighting-visual-studio/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Building an ASPNetCore Image Docker (dev)</title>
		<link>http://deckerix.com/blog/building-an-aspnetcore-image-docker/</link>
					<comments>http://deckerix.com/blog/building-an-aspnetcore-image-docker/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Sat, 25 Apr 2020 14:05:03 +0000</pubDate>
				<category><![CDATA[Dockers]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2644</guid>

					<description><![CDATA[DockerFile FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build WORKDIR /app ARG BUILD_CONFIGURATION=Debug ENV ASPNETCORE_ENVIRONMENT=Development ENV DOTNET_USE_POLLING_FILE_WATCHER=true   ENV ASPNETCORE_URLS=http://+:80   EXPOSE 80   CMD [ "/bin/bash", "-c", "dotnet restore &#38;&#38; dotnet watch run --urls http://0.0.0.0:80" ]   Build Image docker build -t myFirstApp:1.0-dev . Run Image docker run -p 8059:5000 -v ${pwd}:/app -w /app [Image]]]></description>
										<content:encoded><![CDATA[
<p></p>



<p><strong>DockerFile</strong></p>



<pre class="wp-block-preformatted">FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
WORKDIR /app

ARG BUILD_CONFIGURATION=Debug
ENV ASPNETCORE_ENVIRONMENT=Development
ENV DOTNET_USE_POLLING_FILE_WATCHER=true  
ENV ASPNETCORE_URLS=http://+:80  
EXPOSE 80
 
CMD [ "/bin/bash", "-c", "dotnet restore &amp;&amp; dotnet watch run --urls http://0.0.0.0:80" ]
 </pre>



<p><strong>Build Image</strong></p>



<pre class="wp-block-preformatted">docker build -t myFirstApp:1.0-dev .</pre>



<p><strong>Run Image </strong></p>



<pre class="wp-block-preformatted">docker run -p 8059:5000 -v ${pwd}:/app -w /app  [Image]</pre>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/building-an-aspnetcore-image-docker/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cambiar el tamaño de imágenes en bloque</title>
		<link>http://deckerix.com/blog/cambiar-el-tamano-de-imagenes-en-bloque/</link>
					<comments>http://deckerix.com/blog/cambiar-el-tamano-de-imagenes-en-bloque/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Sat, 16 Feb 2019 19:10:13 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2633</guid>

					<description><![CDATA[¿Necesitas cambiar el tamaño de un montón de imágenes de una forma sencilla? Hay muchas razones para ello, subir imágenes para tu web, transferencia de imágenes, etc. Sea cual sea tu razón, ImageResizer se&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<p>¿Necesitas cambiar el tamaño de un montón de imágenes de una forma sencilla?  Hay muchas razones para ello, subir imágenes para tu web,  transferencia de imágenes, etc. Sea cual sea tu razón, <a href="http://www.bricelam.net/ImageResizer/ ">ImageResizer </a>se integra muy fácil con Windows y es muy intuitivo. </p>



<figure class="wp-block-image"><img decoding="async" width="622" height="370" src="http://deckerix.com/wp-content/uploads/2019/02/redimensionar-imagenes-windows.jpg" alt="" class="wp-image-2634" srcset="http://deckerix.com/wp-content/uploads/2019/02/redimensionar-imagenes-windows.jpg 622w, http://deckerix.com/wp-content/uploads/2019/02/redimensionar-imagenes-windows-300x178.jpg 300w" sizes="(max-width: 622px) 100vw, 622px" /></figure>



<p>Yo lo he utilizado muchas veces y os lo recomiendo.</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/cambiar-el-tamano-de-imagenes-en-bloque/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>El Camino de Santiago</title>
		<link>http://deckerix.com/blog/el-camino-de-santiago/</link>
					<comments>http://deckerix.com/blog/el-camino-de-santiago/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Sat, 16 Feb 2019 12:56:41 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2628</guid>

					<description><![CDATA[Hace 11 años realicé mi primer Camino de Santiago. Fue una aventura inolvidable que me picó tanto que volví a repetir. En aquella época realicé una web del Camino de Santiago, en la que&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<p>Hace 11 años realicé mi primer Camino de Santiago. Fue una aventura inolvidable que me picó tanto que volví a repetir. En aquella época realicé una web del Camino de Santiago, en la que quería aportar toda la información que fui recopilando. Ayer, y tras varios años sin dedicarle un minuto a la web, la he renovado con la intención de actualizarla con la información de los nuevos albergues, de los que cierran, los nuevos precios, y añadir secciones que puedan ser de utilidad a los que se adentran en este mundo, que sin duda repetirán.</p>



<figure class="wp-block-image"><img decoding="async" width="1024" height="549" src="http://deckerix.com/wp-content/uploads/2019/02/camino-1024x549.jpg" alt="" class="wp-image-2631" srcset="http://deckerix.com/wp-content/uploads/2019/02/camino-1024x549.jpg 1024w, http://deckerix.com/wp-content/uploads/2019/02/camino-300x161.jpg 300w, http://deckerix.com/wp-content/uploads/2019/02/camino-768x412.jpg 768w, http://deckerix.com/wp-content/uploads/2019/02/camino.jpg 1892w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>Por todo ello os invito a que conozcáis la nueva web del <a href="http://todosloscaminosdesantiago.com">Camino de Santiago</a> </p>



<p>Buen Camino!</p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/el-camino-de-santiago/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Symfony authentication &#8211; No puedo loguearme</title>
		<link>http://deckerix.com/blog/symfony-authentication-cant-get-past-login-page-in-production/</link>
					<comments>http://deckerix.com/blog/symfony-authentication-cant-get-past-login-page-in-production/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Sat, 16 Feb 2019 11:03:36 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2624</guid>

					<description><![CDATA[He configurado la autenticación Symfony (FOSUserBundle)en mi servidor local de desarrollo, donde funciona perfectamente. Pero cuando subo el código al entorno de produccción puedo llegar a la página de inicio de sesión sin problemas,&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<p>He configurado la autenticación <strong>Symfony (<a href="https://github.com/FriendsOfSymfony/FOSUserBundle">FOSUserBundle</a>)</strong>en mi servidor local de desarrollo, donde funciona perfectamente. Pero cuando subo el código al entorno de produccción puedo llegar a la página de inicio de sesión sin problemas, pero tan pronto como intento iniciar sesión me redirige directamente a la página de inicio de sesión sin ningún error. Parece que cuando se envía a login_check se redirige directamente a /login. He intentado limpiar la caché de producción con y sin depuración, lo que no parece resolver el problema. No hay errores en mi archivo prod.log.</p>



<p>¿Solución? Limpiar las cookies!! </p>



<p>I&#8217;ve set up Symfony authentication on my local dev server, where it works perfectly. But when I upload the code to the prod environment I can get to the login page with no problems but as soon as I try to login I get redirected straight back to the login page without any error. It seems as though when it is submitting to login_check it redirects straight back to /login. I&#8217;ve tried clearing the production cache with and without debug, which doesn&#8217;t seem to solve the problem. There are no errors in my prod.log file. </p>



<p>Solution? Clear the cookies.</p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/symfony-authentication-cant-get-past-login-page-in-production/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Fotos gratuitas para tus proyectos</title>
		<link>http://deckerix.com/blog/fotos-gratuitas-para-tus-proyectos/</link>
					<comments>http://deckerix.com/blog/fotos-gratuitas-para-tus-proyectos/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Tue, 12 Feb 2019 07:26:04 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2620</guid>

					<description><![CDATA[¿Necesitas imágenes sin copyright para un proyecto? Lo primero que tengo que decir que este no es un post promocionado por nadie. https://pixabay.com/ es sin duda la mejor web con mayor cantidad de imágenes&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[
<p>¿Necesitas imágenes sin copyright para un proyecto? Lo primero que tengo que decir que este no es un post promocionado por nadie. <a href="https://pixabay.com/">https://pixabay.com/</a> es sin duda la mejor web con mayor cantidad de imágenes gratuitas y de calidad que podamos encontrar hoy en día.</p>



<figure class="wp-block-image"><img decoding="async" width="640" height="293" src="http://deckerix.com/wp-content/uploads/2019/02/images-381937_640.jpg" alt="" class="wp-image-2621" srcset="http://deckerix.com/wp-content/uploads/2019/02/images-381937_640.jpg 640w, http://deckerix.com/wp-content/uploads/2019/02/images-381937_640-300x137.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption> <br>https://pixabay.com/ </figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/fotos-gratuitas-para-tus-proyectos/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Buscador de snippets para Bootstrap</title>
		<link>http://deckerix.com/blog/buscador-de-snippets-para-bootstrap/</link>
					<comments>http://deckerix.com/blog/buscador-de-snippets-para-bootstrap/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Tue, 05 Feb 2019 11:46:59 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2618</guid>

					<description><![CDATA[Bootsnipp.com es una gran herramienta para que los desarrolladores o diseñadores web accedan a fragmentos de HTML gratuitos. Está específicamente diseñado para el marco de trabajo HTML/CSS/JS de Bootstrap. Bootsnipp.com is a great tool for&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<p><a href="https://bootsnipp.com">Bootsnipp.com</a> es una gran herramienta para que los desarrolladores o diseñadores web accedan a fragmentos de HTML gratuitos. Está específicamente diseñado para el marco de trabajo HTML/CSS/JS de Bootstrap.</p>
<p><a href="http://bootsnipp.com/" target="_blank" rel="noopener">Bootsnipp.com</a> is a great tool for web developers or designers to access free HTML snippets. It is specifically designed for the Bootstrap HTML/CSS/JS framework.</p>
<p>¿Qué tipo de elementos se pueden encontrar en Bootsnipp?</p>
<ul>
<li>Navegación</li>
<li>Login/Registro</li>
<li>Galerías</li>
<li>Pies de página</li>
<li>Calendario</li>
<li>Carritos de la Compra</li>
<li>Encuestas</li>
<li>Diseños de blogs</li>
</ul>
<p>What kind of elements can be found on Bootsnipp?</p>
<ul>
<li>Navigation</li>
<li>Login/Register</li>
<li>Gallery</li>
<li>Footer</li>
<li>Calendars</li>
<li>Shopping Carts</li>
<li>Polls</li>
<li>Blog layouts</li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/buscador-de-snippets-para-bootstrap/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>¿Dónde está mi teléfono? Where&#8217;s my phone?</title>
		<link>http://deckerix.com/blog/donde-esta-mi-telefono-wheres-my-phone/</link>
					<comments>http://deckerix.com/blog/donde-esta-mi-telefono-wheres-my-phone/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Mon, 31 Dec 2018 21:09:12 +0000</pubDate>
				<category><![CDATA[Otros]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2615</guid>

					<description><![CDATA[Si alguna vez no encuentras tu teléfono Android, Google nos provee de esta URL: https://www.google.com/android/find?hl=es donde podremos hacer sonar nuestro dispositivo, incluso aunque se encuentre en silencio. &#160; If you ever can&#8217;t find your&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<p>Si alguna vez no encuentras tu teléfono Android, Google nos provee de esta URL:</p>
<p><a href="https://www.google.com/android/find?hl=es">https://www.google.com/android/find?hl=es</a></p>
<p>donde podremos hacer sonar nuestro dispositivo, incluso aunque se encuentre en silencio.</p>
<p>&nbsp;</p>
<p>If you ever can&#8217;t find your Android device, Google provides us this URL:</p>
<p><a href="https://www.google.com/android/find?hl=en">https://www.google.com/android/find?hl=en</a></p>
<p>where we can make our device to play a sound, even if it&#8217;s in silent mode.</p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/donde-esta-mi-telefono-wheres-my-phone/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>First steps with TypeScript</title>
		<link>http://deckerix.com/blog/first-steps-with-typescript/</link>
					<comments>http://deckerix.com/blog/first-steps-with-typescript/#respond</comments>
		
		<dc:creator><![CDATA[deckerix]]></dc:creator>
		<pubDate>Fri, 15 Sep 2017 18:59:04 +0000</pubDate>
				<category><![CDATA[Programación]]></category>
		<guid isPermaLink="false">http://deckerix.com/?p=2557</guid>

					<description><![CDATA[TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. The first thing we need to work with TypeScript is an editor. I recommend Visual Studio Code. You can dowload it from&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<p><strong>TypeScript</strong> is a typed superset of JavaScript that compiles to plain JavaScript. The first thing we need to work with TypeScript is an editor.</p>
<p>I recommend <strong>Visual Studio Code</strong>. You can dowload it from their official <a href="https://code.visualstudio.com">website</a>.</p>
<p>Once you have installed Visual Studio Code, you can start creating a new .ts file.</p>
<p><div id="attachment_2562" style="width: 467px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-2562" decoding="async" class="wp-image-2562 " src="http://deckerix.com/wp-content/uploads/2017/09/visual-studio-code-type-script.png" alt="Visual Studio Code first TypeScript code" width="457" height="164" srcset="http://deckerix.com/wp-content/uploads/2017/09/visual-studio-code-type-script.png 908w, http://deckerix.com/wp-content/uploads/2017/09/visual-studio-code-type-script-300x108.png 300w, http://deckerix.com/wp-content/uploads/2017/09/visual-studio-code-type-script-768x276.png 768w" sizes="(max-width: 457px) 100vw, 457px" /><p id="caption-attachment-2562" class="wp-caption-text">Visual Studio Code first TypeScript code</p></div></p>
<p>Visual Studio Code includes TypeScript language support but does not include the TypeScript compiler which helps us to transform our TypeScript code into a javascript file.</p>
<p>The easiest way to install the TypeScript compiler is through npm, the <a href="https://www.npmjs.com">Node.js Package Manage</a>r.</p>
<p>If you have npm installed, you can install TypeScript globally (<code>-g</code>) on your computer by:</p>
<pre><code class="bash">npm install -g typescript</code></pre>
<p><div id="attachment_2558" style="width: 489px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-2558" decoding="async" class="wp-image-2558 " src="http://deckerix.com/wp-content/uploads/2017/09/nodejs-install-typescript.jpg" alt="Install typescript compiler through npm" width="479" height="115" srcset="http://deckerix.com/wp-content/uploads/2017/09/nodejs-install-typescript.jpg 650w, http://deckerix.com/wp-content/uploads/2017/09/nodejs-install-typescript-300x72.jpg 300w" sizes="(max-width: 479px) 100vw, 479px" /><p id="caption-attachment-2558" class="wp-caption-text">Install typescript compiler through npm</p></div></p>
<p>Now you can test your install by checking the version for example. You should restart Visual Studio Code first.</p>
<p><div id="attachment_2568" style="width: 505px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-2568" decoding="async" class="wp-image-2568 " src="http://deckerix.com/wp-content/uploads/2017/09/terminal-tsc-version-prompt.png" alt="Terminal testing TSC" width="495" height="146" srcset="http://deckerix.com/wp-content/uploads/2017/09/terminal-tsc-version-prompt.png 614w, http://deckerix.com/wp-content/uploads/2017/09/terminal-tsc-version-prompt-300x88.png 300w" sizes="(max-width: 495px) 100vw, 495px" /><p id="caption-attachment-2568" class="wp-caption-text">Terminal testing TSC</p></div></p>
<p>Create a simple tsconfig.json file like this one:</p>
<p><code class="css"><br />
{<br />
    "compilerOptions": {<br />
        "target": "es5",<br />
        "module": "commonjs",<br />
        "sourceMap": true<br />
    }<br />
}<br />
</code><br />
Execute Run Build Task&#8230; from the global Tasks menu. If you created a tsconfig.json file in the earlier section, this should present the following picker:</p>
<p><div id="attachment_2574" style="width: 481px" class="wp-caption aligncenter"><img aria-describedby="caption-attachment-2574" decoding="async" class="wp-image-2574 " src="http://deckerix.com/wp-content/uploads/2017/09/task-run-tsc-tsconfig-json.png" alt="Run compiler" width="471" height="58" srcset="http://deckerix.com/wp-content/uploads/2017/09/task-run-tsc-tsconfig-json.png 804w, http://deckerix.com/wp-content/uploads/2017/09/task-run-tsc-tsconfig-json-300x37.png 300w, http://deckerix.com/wp-content/uploads/2017/09/task-run-tsc-tsconfig-json-768x95.png 768w" sizes="(max-width: 471px) 100vw, 471px" /><p id="caption-attachment-2574" class="wp-caption-text">Run compiler</p></div></p>
]]></content:encoded>
					
					<wfw:commentRss>http://deckerix.com/blog/first-steps-with-typescript/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
