-
Notifications
You must be signed in to change notification settings - Fork 0
/
rss.xml
108 lines (106 loc) · 13.2 KB
/
rss.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Felipe Freitag Blog]]></title><description><![CDATA[A coder who draws.]]></description><link>https://felipefreitag.github.io/</link><generator>RSS for Node</generator><lastBuildDate>Tue, 20 Mar 2018 21:12:14 GMT</lastBuildDate><item><title><![CDATA[Creating a Ruby on Rails app with RVM on Ubuntu]]></title><description><![CDATA[I wrote this step-by-step to help me remember it next time I create an app. It’s my first time experimenting with Rails. I wanted to use a…]]></description><link>https://felipefreitag.github.io//rails-app-rvm/</link><guid isPermaLink="false">https://felipefreitag.github.io//rails-app-rvm/</guid><pubDate>Tue, 01 Aug 2017 00:00:00 GMT</pubDate><content:encoded><p>I wrote this step-by-step to help me remember it next time I create an app.</p>
<p>It’s my first time experimenting with Rails. I wanted to use a virtual environment from the start because that’s how I learned Python-Django too, and to not be afraid of setting things up.</p>
<p>This guide might grow as I learn more details of the process. For example, at this point I’m not sure how updates to the system Ruby version would affect the project.</p>
<p>I’m using Ubuntu 16.10.</p>
<h3>Install Ruby</h3>
<h3>Install rvm</h3>
<h3>Create virtual environment</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ rvm gemset create &lt;name&gt;</code></pre>
</div>
<h3>Activate virtual environment</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ rvm @&lt;name&gt;</code></pre>
</div>
<h3>Check which one is being used</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ rvm gemset list
gemsets for ruby-2.4.0 (found in /home/felipe/.rvm/gems/ruby-2.4.0)
(default)
global
=&gt; learn_rails</code></pre>
</div>
<h3>Install rails</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ gem install rails</code></pre>
</div>
<h2>Check rails</h2>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ rails --version
Rails 5.1.X</code></pre>
</div>
<h3>Create new app</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ rails new blog
$ cd blog</code></pre>
</div>
<h3>Run server</h3>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ bin/rails server</code></pre>
</div>
<h6>I got an error:</h6>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">@learn_rails/gems/bundler-1.15.3/lib/bundler/runtime.rb:85:in `rescue in block (2 levels) in require&#39;: There was an error while trying to load the gem &#39;uglifier&#39;. (Bundler::GemRequireError)</code></pre>
</div>
<p>A JS runtime was missing. So I went to blog/Gemfile and uncommented line 20:</p>
<div class="gatsby-highlight">
<pre class="language-ruby"><code class="language-ruby">gem <span class="token string">'therubyracer'</span><span class="token punctuation">,</span> platforms<span class="token punctuation">:</span> <span class="token symbol">:ruby</span><span class="token operator">/</span>
</code></pre>
</div>
<p>Then installed the new gem.</p>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ bundle install
Bundle complete! 17 Gemfile dependencies, 73 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.</code></pre>
</div>
<p>Now the server ran fine:</p>
<div class="gatsby-highlight">
<pre class="language-text"><code class="language-text">$ bin/rails server</code></pre>
</div>
<p>Browse to: <a href="http://localhost:3000">http://localhost:3000</a></p>
<p>All set!</p></content:encoded></item><item><title><![CDATA[Creating a portfolio page]]></title><description><![CDATA[Creating a portfolio page The second basic frontend project at freecodecamp was to create a simple portfolio page. I didn’t even know how…]]></description><link>https://felipefreitag.github.io//portfolio-page/</link><guid isPermaLink="false">https://felipefreitag.github.io//portfolio-page/</guid><pubDate>Fri, 28 Jul 2017 00:00:00 GMT</pubDate><content:encoded><h1>Creating a portfolio page</h1>
<p>The second basic frontend project at <a href="https://www.freecodecamp.com">freecodecamp</a> was to create a simple portfolio page.</p>
<p>I didn’t even know how to make a responsive page! This time I saved the first version to remember it:</p>
<p data-height="370" data-theme-id="0" data-slug-hash="YxyWOJ" data-default-tab="result" data-user="felipefreitag" data-embed-version="2" data-pen-title="Portfolio Challenge - FCC - first version" class="codepen"> See the Pen <a href="https://codepen.io/felipefreitag/pen/YxyWOJ/"> Portfolio Challenge - FCC - first version</a> by Felipe Freitag Vargas (<a href="https://codepen.io/felipefreitag">@felipefreitag</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script src="https://production-assets.codepen.io/assets/embed/ei.js"> </script>
<p>And here is the one I’ll keep working on as my experience and portfolio grow:</p>
<p data-height="370" data-theme-id="0" data-slug-hash="PmebRo" data-default-tab="result" data-user="felipefreitag" data-embed-version="2" data-pen-title="Portfolio Challenge - FCCamp" class="codepen">See the Pen <a href="https://codepen.io/felipefreitag/pen/PmebRo/">Portfolio Challenge - FCCamp </a> by Felipe Freitag Vargas (<a href="https://codepen.io/felipefreitag">@felipefreitag</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script src="https://production-assets.codepen.io/assets/embed/ei.js"> </script></content:encoded></item><item><title><![CDATA[First Free Code Camp Project]]></title><description><![CDATA[My first Free Code Camp project I started learning Front End with Free Code Camp . I tried other learning resources before that, but their…]]></description><link>https://felipefreitag.github.io//first-post/</link><guid isPermaLink="false">https://felipefreitag.github.io//first-post/</guid><pubDate>Thu, 06 Jul 2017 00:00:00 GMT</pubDate><content:encoded><h1>My first Free Code Camp project</h1>
<p>I started learning Front End with <a href="https://www.freecodecamp.com">Free Code Camp</a>. I tried other learning resources before that, but their challenge-oriented style suited me well.</p>
<p>The first challenges were very straightforward, basic HTML and CSS code snippets. Then the first project came.</p>
<p>First project: Build a tribute page fulfilling these two user stories:</p>
<ul>
<li>User Story: I can view a tribute page with an image and text.</li>
<li>User Story: I can click on a link that will take me to an external website with further information on the topic.</li>
</ul>
<p>Cool, I also learned what “user stories” meant! ;)</p>
<p>It took me a few hours to get going with CSS and Bootstrap. To be honest I wanted to finish the challenge quickly to go to the next one and didn’t have much patience to learn step by step. After some frustrations it didn’t look great but it was done. One month later, I had already done a freelance project and had more experience, which I used to update the page and make it look better. Here it is:</p>
<p data-height="265" data-theme-id="0" data-slug-hash="oWqMRY" data-default-tab="result" data-user="felipefreitag" data-embed-version="2" data-pen-title="Free Code Camp Project #1" class="codepen">See the Pen <a href="https://codepen.io/felipefreitag/pen/oWqMRY/">Free Code Camp Project #1</a> by Felipe Freitag Vargas (<a href="https://codepen.io/felipefreitag">@felipefreitag</a>) on <a href="https://codepen.io">CodePen</a>.</p>
<script async="async" src="https://production-assets.codepen.io/assets/embed/ei.js"> </script>
<p>What I learned:</p>
<ul>
<li>In the beginning, there are so many variables that it’s easy to want to throw everything away and give up. When I accepted it wouldn’t look good the first time, and focused on fulfilling the user stories, I managed to get it over with and move on.</li>
<li>When I came back to it later, it took a few minutes to make great improvements, because I wasn’t worried about going to the next project and had learned more about the tools. It’s easier to work separating the phases: first get it done, then come back and make it good.</li>
<li>I should have made a copy of the first version to have it for show… Next time I’ll do it.</li>
</ul></content:encoded></item><item><title><![CDATA[Random quote machine]]></title><description><![CDATA[Random Quote Machine This Free Code Camp challenge has the following instructions: Build a Random Quote Machine Objective: Build a CodePen…]]></description><link>https://felipefreitag.github.io//quote-machine/</link><guid isPermaLink="false">https://felipefreitag.github.io//quote-machine/</guid><pubDate>Fri, 28 Jul 2017 03:00:00 GMT</pubDate><content:encoded><h1>Random Quote Machine</h1>
<p>This Free Code Camp challenge has the following instructions:</p>
<hr>
<p>Build a Random Quote Machine</p>
<p>Objective: Build a CodePen.io app that is functionally similar to this: <a href="https://codepen.io/FreeCodeCamp/full/ONjoLe/">https://codepen.io/FreeCodeCamp/full/ONjoLe/</a>.</p>
<p>Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.</p>
<ul>
<li>
<p>User Story: I can click a button to show me a new random quote.</p>
</li>
<li>
<p>User Story: I can press a button to tweet out a quote.</p>
</li>
</ul>
<hr>
<p>It was my first experience using Javascript. I didn’t even know what Jquery was!</p>
<p>Getting the API to work on Codepen wasn’t that easy, I had to learn about cross-domain reference that Jquery kept complaining about. In later projects I found a workaround, but in this one I ended up using an Ajax call.</p>
<p>The Twitter function came from their website, I copied it and fiddled with it a little bit.</p>
<p>I used Bootstrap 4 and really liked the Card class, it’s present in many other projects after this one.</p>
<p>Today, I’d refactor it to remove the global variable and function. And also to truncate the quote when clicking the Twitter button - if the quote is longer than 140 characters the user will have to edit it by hand.</p>
<p data-height="265" data-theme-id="0" data-slug-hash="mmzeoZ" data-default-tab="result" data-user="felipefreitag" data-embed-version="2" data-pen-title="Random Quote Machine - Free Code Camp" class="codepen">See the Pen <a href="https://codepen.io/felipefreitag/pen/mmzeoZ/">Random Quote Machine - Free Code Camp</a> by Felipe Freitag Vargas (<a href="https://codepen.io/felipefreitag">@felipefreitag</a>) on <a href="https://codepen.io">CodePen</a>. </p>
<script src="https://production-assets.codepen.io/assets/embed/ei.js"> </script></content:encoded></item></channel></rss>