<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>123Code on Idan Goldman</title><link>https://idan.goldman.work/notebook/tags/123code/</link><description>Recent content in 123Code on Idan Goldman</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><lastBuildDate>Wed, 27 Nov 2019 14:00:00 +0200</lastBuildDate><atom:link href="https://idan.goldman.work/notebook/tags/123code/index.xml" rel="self" type="application/rss+xml"/><item><title>Services</title><link>https://idan.goldman.work/services/</link><pubDate>Wed, 27 Nov 2019 14:00:00 +0200</pubDate><guid>https://idan.goldman.work/services/</guid><description>&lt;h2 id="tldr"&gt;TL;DR
&lt;/h2&gt;&lt;p&gt;I&amp;rsquo;m good at building frontend stuff, want to hire me? Say Hello.&lt;/p&gt;
&lt;h2 id="table-of-services"&gt;Table of Services
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="#maintenance" &gt;Maintenance&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#design-to-code" &gt;Design to Code&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#custom-made" &gt;Custom Made&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#frontend-staff-support" &gt;Frontend Staff Support&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#webmaster-staff-support" &gt;Webmaster Staff Support&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#code-review" &gt;Code Review&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#hosting" &gt;Hosting&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="maintenance"&gt;Maintenance
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;Bug fixing&lt;/code&gt;, &lt;code&gt;adding features&lt;/code&gt;, &lt;code&gt;optimizing speed&lt;/code&gt;, in other words, day to day tech maintenance. I can help you with maintaining your &lt;code&gt;website&lt;/code&gt;, &lt;code&gt;mobile&lt;/code&gt; or &lt;code&gt;web application&lt;/code&gt; using various technologies. For example &lt;code&gt;WordPress&lt;/code&gt;, &lt;code&gt;Shopify&lt;/code&gt;, &lt;code&gt;Jekyll&lt;/code&gt;, &lt;code&gt;Gatsby&lt;/code&gt;, &lt;code&gt;React&lt;/code&gt;, &lt;code&gt;Vue&lt;/code&gt;, &lt;code&gt;Vanilla JavaScript&lt;/code&gt;, &lt;code&gt;Rails&lt;/code&gt;, &lt;code&gt;Flask&lt;/code&gt;, &lt;code&gt;Express&lt;/code&gt;, and &lt;code&gt;Node&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="design-to-code"&gt;Design to Code
&lt;/h2&gt;&lt;p&gt;Do you have a design made in &lt;code&gt;Sketch&lt;/code&gt;/&lt;code&gt;Figma&lt;/code&gt;/&lt;code&gt;Adobe XD&lt;/code&gt;/even in good old &lt;code&gt;Photoshop&lt;/code&gt; for your next &lt;code&gt;website&lt;/code&gt;/&lt;code&gt;landing page&lt;/code&gt;/&lt;code&gt;admin panel&lt;/code&gt;/&lt;code&gt;web application&lt;/code&gt; and need to make it into a working prototype? Maybe you need to convert the design into a working frontend application receiving business logic from the backend and communicating it back. Either way, I can help you with that, with years of experience converting a design from &lt;code&gt;Sketch&lt;/code&gt;/&lt;code&gt;Figma&lt;/code&gt;/&lt;code&gt;Adobe XD&lt;/code&gt;/&lt;code&gt;Photoshop&lt;/code&gt; to plain simple code of &lt;code&gt;HTML&lt;/code&gt;, &lt;code&gt;CSS&lt;/code&gt;, &lt;code&gt;JS&lt;/code&gt;. I can convert your design into a theme for &lt;code&gt;WordPress&lt;/code&gt;, &lt;code&gt;Shopify&lt;/code&gt;, &lt;code&gt;Jekyll&lt;/code&gt;, &lt;code&gt;Gatsby&lt;/code&gt;, or template for &lt;code&gt;Rails&lt;/code&gt;, &lt;code&gt;Django&lt;/code&gt;, &lt;code&gt;Flask&lt;/code&gt;, &lt;code&gt;Laravel&lt;/code&gt;, or other applications. Have a &lt;code&gt;React&lt;/code&gt;, &lt;code&gt;Angular&lt;/code&gt;, &lt;code&gt;Vue&lt;/code&gt;, or &lt;code&gt;Ember&lt;/code&gt;, not a problem at all. If you ask nicely, I can make a design system out of your design as well.&lt;/p&gt;
&lt;h2 id="custom-made"&gt;Custom Made
&lt;/h2&gt;&lt;p&gt;Have an idea for an &lt;code&gt;application&lt;/code&gt;/&lt;code&gt;website&lt;/code&gt;/&lt;code&gt;mobile app&lt;/code&gt;/&lt;code&gt;chrome extension&lt;/code&gt; but don&amp;rsquo;t know how to code it? I&amp;rsquo;m your guy for the job! I have the experience and what it takes to code an idea into reality using the latest tech.&lt;/p&gt;
&lt;h2 id="frontend-staff-support"&gt;Frontend Staff Support
&lt;/h2&gt;&lt;p&gt;Need an extra team member on your project and don&amp;rsquo;t have the time to hire a full-time frontend developer? I&amp;rsquo;m your man for the job! I can quickly understand your project&amp;rsquo;s requirements and architecture and start working with your team asap.&lt;/p&gt;
&lt;p&gt;Maybe you need an in-house frontend team but don&amp;rsquo;t know where to begin? I can come in, analyze your needs and recruit an in-house frontend team for you.&lt;/p&gt;
&lt;h2 id="webmaster-staff-support"&gt;Webmaster Staff Support
&lt;/h2&gt;&lt;p&gt;Have a &lt;code&gt;WordPress&lt;/code&gt; website, maybe a &lt;code&gt;Shopify&lt;/code&gt; store and need someone from time to time make changes to it on a design and code level? Fix a bug, add another product page, update a plugin, make a backup, stuff like that. I can help you with these kind of tasks as I have experience doing so with this kind of content management systems.&lt;/p&gt;
&lt;h2 id="code-review"&gt;Code Review
&lt;/h2&gt;&lt;p&gt;Need another set of eyes to look at your code? Maybe you need a piece of advice about the current code architecture? I can help you with that free of charge. My specialty is frontend code, everything to do with &lt;code&gt;HTML&lt;/code&gt;, &lt;code&gt;CSS&lt;/code&gt;, &lt;code&gt;JS&lt;/code&gt;, &lt;code&gt;React&lt;/code&gt;, &lt;code&gt;Vue&lt;/code&gt;, &lt;code&gt;Design systems&lt;/code&gt;, and frontend deployment and development setups with tools like &lt;code&gt;Gulp&lt;/code&gt; and &lt;code&gt;Webpack&lt;/code&gt;, &lt;code&gt;Parcel&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="hosting"&gt;Hosting
&lt;/h2&gt;&lt;p&gt;Do you need a recommendation on a good hosting provider for your &lt;code&gt;WordPress&lt;/code&gt; or &lt;code&gt;Jekyll&lt;/code&gt; website? Maybe you need a hosting solution for your &lt;code&gt;Rails&lt;/code&gt; or &lt;code&gt;Django&lt;/code&gt; application? I can help you with that by recommending a solution that fits your use case or even set up and maintain a hosting server for you.&lt;/p&gt;</description></item><item><title>Resume</title><link>https://idan.goldman.work/resume/</link><pubDate>Wed, 27 Nov 2019 13:00:00 +0200</pubDate><guid>https://idan.goldman.work/resume/</guid><description>&lt;h2 id="tldr"&gt;TL;DR
&lt;/h2&gt;&lt;p&gt;Link to my &lt;a class="link" href="https://github.com/idangoldman" target="_blank" rel="noopener"
 &gt;GitHub page&lt;/a&gt; and &lt;a class="link" href="https://linkedin.com/in/idangoldman/" target="_blank" rel="noopener"
 &gt;LinkedIn profile&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="table-of-content"&gt;Table of Content
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="#introduction" &gt;Introduction&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#skill-sets" &gt;Skill Sets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="#frontend" &gt;Frontend&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#frameworks-and-backend" &gt;Frameworks and Backend&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#cmss-and-ssgs" &gt;CMSs&amp;rsquo; and SSGs&amp;rsquo;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#products-and-open-source" &gt;Products and Open Source&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="#staticpage-github" &gt;StaticPage&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#todoin-github" &gt;ToDoin&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#kit-github" &gt;Kit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#feature-github" &gt;Feature&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#rebo" &gt;Rebo&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="#client-work" &gt;Client Work&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="#achievements" &gt;Achievements&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="introduction"&gt;Introduction
&lt;/h2&gt;&lt;p&gt;Hello, my name is Idan and I have been part of the tech industry for over 10 years, mostly focused on Frontend technologies and languages. Besides hands-on coding, I have experience managing small to medium R&amp;amp;D teams with Backend, Frontend, and QA team members. Also, managing remote freelance developers on various client projects. My latest cutting edge and bleeding tech experiences are actually teaching and passing on knowledge to the younger generation of developers.&lt;/p&gt;
&lt;h2 id="skill-sets"&gt;Skill Sets
&lt;/h2&gt;&lt;h3 id="frontend"&gt;Frontend
&lt;/h3&gt;&lt;p&gt;&lt;code&gt;HTML&lt;/code&gt;, &lt;code&gt;CSS&lt;/code&gt;, &lt;code&gt;JS&lt;/code&gt;, runs in my veins and I&amp;rsquo;m up-to-date with the current versions of these languages. Over the years I have worked with &lt;code&gt;Angular&lt;/code&gt;, &lt;code&gt;React&lt;/code&gt;, &lt;code&gt;Bootstrap&lt;/code&gt;, &lt;code&gt;Backbone&lt;/code&gt;, &lt;code&gt;jQuery&lt;/code&gt;, and any template engine you can think of probably I have used it. My favorite is &lt;code&gt;Nunjucks&lt;/code&gt; which is a port of &lt;code&gt;Jinja&lt;/code&gt;. Nowadays, I&amp;rsquo;m building my own &lt;code&gt;JavaScript framework&lt;/code&gt;, &lt;code&gt;SASS Ui Kit&lt;/code&gt; (yeah, I&amp;rsquo;m one of those people), and other development and deployment tools, you can check them out down below in the &lt;a class="link" href="#products-and-open-source" &gt;Products and Open Source&lt;/a&gt; section.&lt;/p&gt;
&lt;h3 id="frameworks-and-backend"&gt;Frameworks and Backend
&lt;/h3&gt;&lt;p&gt;&lt;code&gt;Ruby on Rails&lt;/code&gt;, &lt;code&gt;Flask&lt;/code&gt;, &lt;code&gt;Express&lt;/code&gt;, &lt;code&gt;Laravel&lt;/code&gt; are the backend frameworks I have used over the years and I have a basic understanding of &lt;code&gt;PHP&lt;/code&gt;, &lt;code&gt;Ruby&lt;/code&gt;, &lt;code&gt;Python&lt;/code&gt;, &lt;code&gt;SQL&lt;/code&gt; languages. My knowledge of &lt;code&gt;Node.js&lt;/code&gt; is better, after all, I&amp;rsquo;m a Frontend developer. Sometimes, I will act as a &lt;code&gt;Full-stacker&lt;/code&gt;… that doesn&amp;rsquo;t read well, I prefer to be called a &lt;code&gt;Web Developer&lt;/code&gt;. I&amp;rsquo;m also great at connecting APIs with different data structures, Backend to Frontend, Frontend to 3rd-party services, earth to space, moon to mars, vice versa…&lt;/p&gt;
&lt;h3 id="cmss-and-ssgs"&gt;CMSs&amp;rsquo; and SSGs'
&lt;/h3&gt;&lt;p&gt;Swear to god I&amp;rsquo;m not cursing! CMSs are your typical content management systems like &lt;code&gt;WordPress&lt;/code&gt;, &lt;code&gt;Ghost&lt;/code&gt;, &lt;code&gt;Drupal&lt;/code&gt; and SSG are &lt;a class="link" href="https://www.staticgen.com/about" target="_blank" rel="noopener"
 &gt;Static Site Generators&lt;/a&gt; architectural concept that making a comeback!&lt;/p&gt;
&lt;p&gt;On the CMS side, I&amp;rsquo;m most experienced with &lt;code&gt;WordPress&lt;/code&gt; and a bit with &lt;code&gt;Shopify&lt;/code&gt; and &lt;code&gt;Ghost&lt;/code&gt;. I have built various websites using &lt;code&gt;WordPress&lt;/code&gt;, starting from the design and development stage all the way to production light at the end of the tunnel.&lt;/p&gt;
&lt;p&gt;On the SSG side, I&amp;rsquo;m most experienced with &lt;code&gt;Jekyll&lt;/code&gt; and know a bit about &lt;code&gt;Middleman&lt;/code&gt; and &lt;code&gt;Gatsby&lt;/code&gt;. This very website is built with &lt;code&gt;Jekyll&lt;/code&gt;, &lt;a class="link" href="https://github.com/idangoldman/idan.goldman.work" target="_blank" rel="noopener"
 &gt;check the code&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Also, I have created multiple themes and plugins for the above platforms, even got a chance to build a &lt;code&gt;WordPress VIP plugin&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;em&gt;One more thing&lt;/em&gt;&lt;/strong&gt;, I have a feel for &lt;code&gt;UX/UI&lt;/code&gt; design. This always helped me communicate better with design and product professionals to make great end products. &lt;code&gt;Responsive design&lt;/code&gt; with &lt;code&gt;parallax scrolling&lt;/code&gt; are my jam. I can create a solid design on top of given &lt;code&gt;Mockups&lt;/code&gt; or &lt;code&gt;Wireframes&lt;/code&gt; using a preferable &lt;code&gt;Design System&lt;/code&gt; (&lt;code&gt;Material Design&lt;/code&gt;, &lt;code&gt;Bootstrap&lt;/code&gt;, etc).&lt;/p&gt;
&lt;h2 id="products-and-open-source"&gt;Products and Open Source
&lt;/h2&gt;&lt;h3 id="staticpage-github"&gt;StaticPage (&lt;a class="link" href="https://github.com/idangoldman?tab=repositories&amp;amp;q=StaticPage" target="_blank" rel="noopener"
 &gt;GitHub&lt;/a&gt;)
&lt;/h3&gt;&lt;p&gt;Quick and simple Coming Soon pages builder with the ability to download the source code. The app is 100% me, from the design to the backend, for the website I have used the help of friends as described in the credit section of the website.&lt;/p&gt;
&lt;p&gt;It is powered by &lt;code&gt;Flask&lt;/code&gt;, &lt;code&gt;PostgreSQL&lt;/code&gt;, &lt;code&gt;Flight.js&lt;/code&gt; (dead Twitter event-base framework), &lt;code&gt;SASS&lt;/code&gt;, and hosted at &lt;code&gt;Heroku&lt;/code&gt; with file hosting on &lt;code&gt;AWS S3&lt;/code&gt;.&lt;/p&gt;
&lt;h3 id="todoin-github"&gt;ToDoin (&lt;a class="link" href="https://github.com/idangoldman?tab=repositories&amp;amp;q=todo" target="_blank" rel="noopener"
 &gt;GitHub&lt;/a&gt;)
&lt;/h3&gt;&lt;p&gt;All developers have their shot at making a to-do list app, this is my variation as a chrome extension. The most differentiating feature of this to-do extension is the Private to-dos. Why you need private to-dos you ask? For me, working in an office environment created the need to keep some to-dos private.&lt;/p&gt;
&lt;p&gt;I have built this product with &lt;code&gt;Backbone&lt;/code&gt; &amp;amp; &lt;code&gt;SASS&lt;/code&gt; and then converted it to &lt;code&gt;React&lt;/code&gt; app but the &lt;code&gt;React&lt;/code&gt; version hasn&amp;rsquo;t seen the light of day. I have created all the graphic materials except the logo, this credit goes to my friend.&lt;/p&gt;
&lt;h3 id="kit-github"&gt;Kit (&lt;a class="link" href="https://github.com/idangoldman/kit" target="_blank" rel="noopener"
 &gt;GitHub&lt;/a&gt;)
&lt;/h3&gt;&lt;p&gt;With the help of a friend we are creating an awesome &lt;code&gt;Ui Kit&lt;/code&gt;! The Kit is based on &lt;code&gt;SASS&lt;/code&gt; (actually &lt;code&gt;SCSS&lt;/code&gt;, but potato tomato, right?), and besides doing the same stuff that other &lt;code&gt;Ui Kits&lt;/code&gt; it taking advantage of &lt;code&gt;SASS&lt;/code&gt; features &lt;code&gt;use&lt;/code&gt;, &lt;code&gt;importer&lt;/code&gt; and &lt;code&gt;functions&lt;/code&gt;. Also used by this very own website.&lt;/p&gt;
&lt;p&gt;The use of these features gives the Kit abilities like importing &lt;code&gt;Google Fonts&lt;/code&gt; for offline use, creation of &lt;code&gt;SVG sprites&lt;/code&gt;, or converting images to &lt;code&gt;base64&lt;/code&gt;. All that can be achieved with just a &amp;ldquo;&lt;code&gt;CSS framework&lt;/code&gt;&amp;rdquo; and the help of a &lt;code&gt;SASS&lt;/code&gt; compiler.&lt;/p&gt;
&lt;p&gt;The part I&amp;rsquo;m really proud of is writing &lt;code&gt;tests&lt;/code&gt; and &lt;code&gt;documentation&lt;/code&gt; for this &lt;code&gt;Ui Kit&lt;/code&gt;. Yes, you can document and test CSS with the help of &lt;code&gt;SASS True&lt;/code&gt; and &lt;code&gt;SassDoc&lt;/code&gt;.&lt;/p&gt;
&lt;h3 id="feature-github"&gt;Feature (&lt;a class="link" href="https://github.com/idangoldman/feature" target="_blank" rel="noopener"
 &gt;GitHub&lt;/a&gt;)
&lt;/h3&gt;&lt;p&gt;The big picture vision is a tool belt for the agency web developer / portfolio website freelance / side project backend developer. Still in the making, inspired by &lt;code&gt;jQuery&lt;/code&gt; and &lt;code&gt;Rails&lt;/code&gt;. Take a look at the git repo for more information.&lt;/p&gt;
&lt;h3 id="rebo"&gt;Rebo
&lt;/h3&gt;&lt;p&gt;Never liked &lt;code&gt;NPM&lt;/code&gt; and wasn&amp;rsquo;t a big fan of writing &lt;code&gt;yarn&lt;/code&gt; as the main command in the terminal. Parallelly, I have begun using &lt;code&gt;jekyll&lt;/code&gt; and this one is a pain in the butt as far as written commands in the terminal go. So, first I have written a &lt;code&gt;Rakefile&lt;/code&gt; for each of my &lt;code&gt;git&lt;/code&gt; repos wrapping the &lt;code&gt;yarn&lt;/code&gt; and &lt;code&gt;jekyll&lt;/code&gt; commands with a &lt;code&gt;rake&lt;/code&gt; one. What a relief that one was. Several &lt;code&gt;Rakefile&lt;/code&gt; files in I fell in love with the architecture of Rake. The simplest task runner I have ever used!&lt;/p&gt;
&lt;p&gt;&amp;ldquo;From here to there&amp;rdquo; as we say in Hebrew I found myself with a bunch of &lt;code&gt;rake&lt;/code&gt; tasks wrapped inside a &lt;code&gt;gem&lt;/code&gt; named &lt;code&gt;rebo&lt;/code&gt;. Why Rebo? It&amp;rsquo;s easy to type 4 letter word that was available on &lt;code&gt;RubyGems&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="client-work"&gt;Client Work
&lt;/h2&gt;&lt;p&gt;In my career, I have worked in small and large companies doing a bunch of roles. From a junior developer, through webmaster, freelancer, frontend developer, web developer, senior frontend developer, and up to team leader.&lt;/p&gt;
&lt;p&gt;While doing those roles doesn&amp;rsquo;t if I were a freelancer or a full-timer I have treated everyone outside the team I was part of as a client. Meaning, I was trying to understand my client&amp;rsquo;s needs and serve them with the best version of a solution to their needs.&lt;/p&gt;
&lt;h3 id="achievements"&gt;Achievements
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;2 UI Kits (or design systems).&lt;/li&gt;
&lt;li&gt;Certified WordPress VIP Plugin.&lt;/li&gt;
&lt;li&gt;Various WordPress websites, 2 of them with Multisite support and coherent design done by Parent-&amp;gt;Children themes adjustments.&lt;/li&gt;
&lt;li&gt;100+ successful design to code conversions, even before the time of responsive design with the need to support IE6.&lt;/li&gt;
&lt;li&gt;Helped build frontend web apps of any shape on any size team.&lt;/li&gt;
&lt;/ul&gt;</description></item></channel></rss>