heatherpike.github.io/index.html at master · heatherpike/heatherpike.github.io · GitHub

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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <title>Heather&#39;s Coding Journey</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description">
<meta property="og:type" content="website">
<meta property="og:title" content="Heather's Coding Journey">
<meta property="og:url" content="http://heatherpike.github.io/">
<meta property="og:site_name" content="Heather's Coding Journey">
<meta property="og:description">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Heather's Coding Journey">
<meta name="twitter:description">


    <link rel="alternative" href="/atom.xml" title="Heather&#39;s Coding Journey" type="application/atom+xml">


    <link rel="icon" href="/favicon.png">

  <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/style.css" type="text/css">


</head>
<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">Heather&#39;s Coding Journey</a>
      </h1>

        <h2 id="subtitle-wrap">
          <a href="/" id="subtitle">Becoming a fullstack developer</a>
        </h2>

    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>

          <a class="main-nav-link" href="/">Home</a>

          <a class="main-nav-link" href="/archives">Archives</a>

      </nav>
      <nav id="sub-nav">

          <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>

        <a id="nav-search-btn" class="nav-icon" title="Search"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" results="0" class="search-form-input" placeholder="Search"><input type="submit" value="&#xF002;" class="search-form-submit"><input type="hidden" name="q" value="site:http://heatherpike.github.io"></form>
      </div>
    </div>
  </div>
</header>
      <div class="outer">
        <section id="main">

    <article id="post-It-s-Official" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2015/01/10/It-s-Official/" class="article-date">
  <time datetime="2015-01-11T01:10:15.000Z" itemprop="datePublished">Jan 10 2015</time>
</a>

  </div>
  <div class="article-inner">


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2015/01/10/It-s-Official/">It&#39;s Official</a>
    </h1>


      </header>

    <div class="article-entry" itemprop="articleBody">

        <p>Yesterday was my last day working as a marketing manager. I have finally walked away from a decade-long career to start over fresh. It’s liberating and terrifying all at the same time. I’m officially changing careers!</p>
<p>I was good at marketing - will I be better at coding? We’ll find out soon… if anything, I hope to enjoy it more and gain an increased sense of fulfillment. Studying the fundamentals of javascript and jquery, html, css, node, and test-driven development over the last several weeks has been fun for me - I think that’s a good sign that I will like being a developer.</p>
<p>Class at Fullstack begins in less than 48 hours. I am still finishing up my pre-work, but I feel confident that the 120+ hours of studying I’ve invested over the last month have provided me with the foundation I need to hit the ground running. </p>
<p>My main pre-work project was to create a simple number guessing game to bring my javascript/jquery, html and css skills together. It’s nothing fancy, but it works! And it took a lot of work for this burgeoning developer. Check it out!</p>
<p><a href="http://heatherpike.github.io/guessing_game/" target="_blank" rel="external">Guessing Game</a></p>


    </div>
    <footer class="article-footer">
      <a data-url="http://heatherpike.github.io/2015/01/10/It-s-Official/" data-id="avkiyovg2pshvguy" class="article-share-link">Share</a>


    </footer>
  </div>

</article>


    <article id="post-Feeling-Ready-for-Fullstack" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2015/01/04/Feeling-Ready-for-Fullstack/" class="article-date">
  <time datetime="2015-01-04T23:45:40.000Z" itemprop="datePublished">Jan 4 2015</time>
</a>

  </div>
  <div class="article-inner">


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2015/01/04/Feeling-Ready-for-Fullstack/">Feeling Ready for Fullstack</a>
    </h1>


      </header>

    <div class="article-entry" itemprop="articleBody">

        <p>I can’t believe 2015 is already here! I spent most of my December plowing through the pre-work for Fullstack Academy. It was REALLY tough trying to learn a lot of the concepts on my own (hence, why I decided to attend a bootcamp instead of teach this stuff to myself), but I am really proud and amazed at how far I have come in just a few weeks. </p>
<p>Before applying to Fullstack, I had dabbled in web design and computer science here and there over the years but never went farther than the basics. My knowledge of JavaScript was limited to the Codecademy introductory course. Just last month, I went from having a mere curiosity about coding to feeling like I can actually solve problems and build some things.</p>
<p>I’m certainly no expert yet, but I already feel like I can figure a lot out on my own, even though it might take me hours of research and trial and error before I get it right. </p>
<p>The feeling of accomplishment I already have makes me that much more excited to start class at Fullstack on Jan. 12. I can only imagine how much more accelerated my learning process will become when I have the live support of my teachers and others who are eager to learn. If I could teach myself so much in just a month, then going full-time, in-person for 3 months will surely be transformational. </p>
<p>I can’t wait!</p>


    </div>
    <footer class="article-footer">
      <a data-url="http://heatherpike.github.io/2015/01/04/Feeling-Ready-for-Fullstack/" data-id="lvm6mp24m2dhmijp" class="article-share-link">Share</a>


  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/coding-learning/">coding, learning</a></li></ul>

    </footer>
  </div>

</article>


    <article id="post-New-Year-New-Career" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2014/12/14/New-Year-New-Career/" class="article-date">
  <time datetime="2014-12-15T04:01:40.000Z" itemprop="datePublished">Dec 14 2014</time>
</a>

  </div>
  <div class="article-inner">


      <header class="article-header">


    <h1 itemprop="name">
      <a class="article-title" href="/2014/12/14/New-Year-New-Career/">New Year, New Career</a>
    </h1>


      </header>

    <div class="article-entry" itemprop="articleBody">

        <p>Hello World! I am about to embark on a journey to change careers. I am becoming a software developer! My desire to become a developer boils down to my yearning to create things and use my brainpower to the fullest!  </p>
<p>I was always naturally gifted in math and problem solving as a child, but I was also talented with English and writing - being a girly girl with no techie disposition, I ended up going down the MARCOMM path - I have long regretted it because I think I would have excelled more in math or tech. I took a CS101 course and a web design course in college and I really enjoyed and excelled at both, but I can’t tell you why I never pursued those topics further - could have been senioritis, as I think I took those my last year of college and I was probably ready to just get out there into the real world. </p>
<p>Now, years later, I have built a career in digital and brand marketing and earned my MBA in 2008. It’s been an exciting career and I have learned a lot over the years, but I’ve always had this nagging feeling like I missed my calling. </p>
<p>I yearn to create things and put my critical thinking skills to use. My personality sits the fence between introversion and extroversion but I lean more toward the introverted side; my current career forces me to flex my extroverted side and go outside my comfort zone, which is good experience but has been exhausting! </p>
<p>For some reason I always thought I should push myself to develop those areas in which I was not strongest; however, a book I read through work a couple years ago, Strengths Finder, opened me up to the opposite perspective. This book encourages individuals to nurture their strengths rather than work on their weaknesses. After reading this book I have felt more and more like I am not in the right career because I know I would excel so much more if I were doing something that leveraged my natural problem solving and mathematical talents.</p>
<p>I have been thinking about going back to school to learn to code for a long time but didn’t think it would be feasible until I heard about the bootcamp option. About 5-6 years ago, before bootcamps like Fullstack Academy existed, I visited a university to find out what it would take to get a second bachelor’s in computer science. I was told it would take 3 years. That discouraged me, and at the time I was still pretty green in my marketing career and enjoying the early phases of it, so I decided to continue on that path at the time. However, the thought that I was meant for something else continued to linger in the back of my mind. </p>
<p>I work in the education industry, and someone in my current company posted a link to an article about a programming bootcamp a little over a year ago. My heart soared when I realized it was exactly what I needed! </p>
<p>I recently moved to NYC, just down the street from Fullstack, and I finally decided to make my time here count by enrolling in the January 2015 cohort. In preparation for bootcamp, I am spending the next 4 weeks flooding my brain with the basics of Javascript, git, node.js, and the like while trying to improve my command of the command line as I learn to navigate the terminal on my shiny new Macbook Air. </p>
<p>It’s a crazy time as I stuff my brain full of new knowledge while wrapping things up at my marketing job. I am so excited to start the immersive bootcamp experience on Jan. 12 and be on my way to becoming a pro dev! </p>


    </div>
    <footer class="article-footer">
      <a data-url="http://heatherpike.github.io/2014/12/14/New-Year-New-Career/" data-id="i8m6kbs4g72ph6uq" class="article-share-link">Share</a>


    </footer>
  </div>

</article>


</section>

          <aside id="sidebar">


  <div class="widget-wrap">
    <h3 class="widget-title">Tags</h3>
    <div class="widget">
      <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/coding-learning/">coding, learning</a><span class="tag-list-count">1</span></li></ul>
    </div>
  </div>


  <div class="widget-wrap">
    <h3 class="widget-title">Tag Cloud</h3>
    <div class="widget tagcloud">
      <a href="/tags/coding-learning/" style="font-size: NaNpx;">coding, learning</a>
    </div>
  </div>


  <div class="widget-wrap">
    <h3 class="widget-title">Archives</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/01/">January 2015</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/12/">December 2014</a><span class="archive-list-count">1</span></li></ul>
    </div>
  </div>


  <div class="widget-wrap">
    <h3 class="widget-title">Recents</h3>
    <div class="widget">
      <ul>

          <li>
            <a href="/2015/01/10/It-s-Official/">It&#39;s Official</a>
          </li>

          <li>
            <a href="/2015/01/04/Feeling-Ready-for-Fullstack/">Feeling Ready for Fullstack</a>
          </li>

          <li>
            <a href="/2014/12/14/New-Year-New-Career/">New Year, New Career</a>
          </li>

      </ul>
    </div>
  </div>


</aside>

      </div>
      <footer id="footer">

  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2015 Heather Pike<br>
      Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>
    </div>
    <nav id="mobile-nav">

    <a href="/" class="mobile-nav-link">Home</a>

    <a href="/archives" class="mobile-nav-link">Archives</a>

</nav>


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css">

  <script src="/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>


<script src="/js/script.js" type="text/javascript"></script>


  </div>
</body>
</html>