vekozlov.github.com/index2.html at master · vekozlov/vekozlov.github.com · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>RoR developer</title>
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/font-awesome-4.2.0/css/font-awesome.min.css">
  <script src="js/jquery.js"></script>
</head>
<body>
  <header>
    <div class="backdrop"></div>
    <div class="arrow">&#8744;</div>
    <img src="images/arrow_down_transparent.png" alt="" class="arrow">
  </header>
  <section class="white">
    <div class="content">
      <p>Hi. My name is Vyacheslav Kozlov and I'am a full-stack Ruby-on-rails developer.</p>
      <br>
      <h1>Approach</h1>
      <h5>What do I want</h5>
      <p>My main goal is to translate business idea and business requirements into most suitable application architecture, that solves a real people's problems.</p>
      <h5>It is not all about programming</h5>
      <p>If you are a full stack developer, you need more than just a programming language. I need to have an eye for design, to know the basics of psychology, management, marketing and business logic. It allows me to keep the base idea and transform it into a web-service instead of making web app it's endpoint.</p>
      <p>I have marketing background and wide range of knowledges and interests that are adjacent to web-development, that you get out of the box.</p>
    </div>
  </section>

  <section class="blue">
    <img src="images/arrow_down_white.png" alt="" class="arrow">
    <div class="content">
      <h1>My stack of technologies</h1>
      <p>I can do both backend and frontend. From building a webapp from scratch to writing all javascript/css logic of a project.</p>
      <p>Here are some technologies that I use most.</p>

      <h5>Front end</h5>
      <div class="technologies">
        <img src="images/backbone.png" alt="" class="technology">
        <img src="images/marionette.png" alt="" class="technology">
      </div>
      <p>Javascript / Jquery / Coffeescript / Backbone.js / Marionette.js / Underscore.js</p>
      <p>CSS / Sass</p>
      <p>Html / Haml</p>
      <p>Responsive web-design / Javascript widgets</p>
      <h5>Backend</h5>
      <div class="technologies">
        <img src="images/rails.png" alt="" class="technology">
        <img src="images/ruby.png" alt="" class="technology">
      </div>
      <p>Ruby / RVM / RubyGems / rails / devise / nokogiri / capistrano / resque / delayed_job / omniauth etc.</p>
      <p>Heroku / Amazon / Locum / VPS</p>
      <p>Rspec / Cucumber</p>
      <p>Mongo / Postgres</p>
      <p>Git / Github / Bitbucket</p>
      <p>Ubuntu / Mac Os X / Terminal / Cron</p>
      <h5>Hardware</h5>
      <p>MacBook Air/Pro</p>
    </div>
  </section>

  <section class="projects white">
    <img src="images/arrow_down_blue.png" alt="" class="arrow">
    <div class="content">
      <h1>Last projects I worked on</h1>
      <div class="project">
        <h5>Uncoverage.com</h5>
        <div class="links">
          <a class="website" href="http://uncoverage.com">
            <img src="images/world.png">
          </a>
        </div>
        <p>A new platform to support investigative journalism. Journalist registers on Uncoverage.com and gets a widget that could be inserted to any other website. Visitors, that are interested in his work and want to help a journalist with some investigation, subscribe for monthly subscriptions. Also, he is being promoted in a list of investigative journalists.</p>
        <p>Journalists involved to a project are independent journalists with a huge background in such publications as New York Times, The Guardian etc.</p>
        <p>You can find out some information on the <a href="https://www.indiegogo.com/projects/uncoverage-news-that-works-for-you">indiegogo</a> project page.</p>
        <p><span class="bold">Role:</span> programming (in a dev team).</p>
        <p><span class="bold">Stack:</span> Ruby 2.1.1, Rails 4.1.6, Heroku.</p>

        <div class="images">
          <a href="images/projects/uncoverage_1.png" target="_blank"><img src="images/projects/uncoverage_1.png" class="viewable"></a>
          <a href="images/projects/uncoverage_2.png" target="_blank"><img src="images/projects/uncoverage_2.png" class="viewable"></a>
          <a href="images/projects/uncoverage_3.png" target="_blank"><img src="images/projects/uncoverage_3.png" class="viewable"></a>
        </div>
      </div>

      <div class="project">
        <h5>Readnotes.ru</h5>

        <div class="links">
          <a class="website" href="http://readnotes.ru">
            <img src="images/world.png">
          </a>
        </div>
        <p>Website for book lovers.</p>
        <p>Save books that you have read. Take notes. Save quotes. I made this service text-oriented and easy readable. With clear fonts and simple layouts.</p>
        <p><span class="bold">Role:</span> idea, programming, design.</p>
        <p><span class="bold">Stack:</span> Ruby 2.0.0, Rails 4.1.6, Heroku.</p>

        <div class="images">
          <a href="images/projects/readnotes_1.png" target="_blank"><img src="images/projects/readnotes_1.png" class="viewable"></a>
          <a href="images/projects/readnotes_2.png" target="_blank"><img src="images/projects/readnotes_2.png" class="viewable"></a>
          <a href="images/projects/readnotes_3.png" target="_blank"><img src="images/projects/readnotes_3.png" class="viewable"></a>
        </div>
      </div>

      <div class="project">
        <h5>Questplanet</h5>
        <p>Project provides a city quest services in Russia. User registers for a city adventure. Process of the adventure consists of a certain number of tasks, which are placed at the one of the popular city's tourist routes. All interactions are passed through mobile devices. City quests are devided to categories, payed by credit cards or electronic money.</p>

        <p><span class="bold">Role:</span> programming, ideas.</p>
        <p><span class="bold">Stack:</span> Ruby 2.1.2, Rails 4.1.6, VPS.</p>
      </div>

    </div>
  </section>

  <section class="blue">
    <img src="images/arrow_down_white.png" alt="" class="arrow">
    <div class="content">
      <h1>Workflow</h1>
      <p>Here are some thoughts and principles I follow in my practice.</p>

      <h5>Quality over speed</h5>
      <p>Some things like working with programs, typing or similar should be speeded up.</p>

      <p>But thinking about how to make you code productive and secure or modeling should be done carefully. A mistake in the beginning of the programming has bigger price.</p>

      <h5>Modeling</h5>
      <p>Imposing order in developer's head is a keystone to make secure, correct and productive web application. It should be done as soon as possible. I compose clear and simple model to know what, when and how I can do a certain logic before I actually start doing it. Usually I use simple notebook and a pen. Sometimes I draw mindmaps.</p>

      <h5>My part</h5>
      <p>My role is to build a working project which based on existing base design mockup. And to add additional functions or maintain later if needed.</p>

      <h5>Using popular tools and decisions</h5>
      <p>I use most popular decisions while programming if possible. Popular decisions are well supported and documented. Also, new team members have no troubles working with them.</p>

      <h5>Design</h5>
      <p>I am not a designer and do not want to be. However, there are situations, when there no pre-existing mock-ups available. I can easily continue the existing design's guideline and build my own if it is needed. I like clear and simple design layouts that help to bring the idea of the app in more fast and efficient way.</p>

      <h5>Remote work</h5>
      <p>I believe, that there is no difference where you work from. If you love what you do, you don't need to be managed or punched by someone to do what you do. I found myself very happy in programming and having pleasure from it nowaydays.</p>

      <h5>Think</h5>
      <p>There are good things and bad things. Good things are those which are thought about. First think, then implement - it's a really good practice.</p>

      <h5>Testing</h5>
      <p>Test coverage is the best thing that can happen in a life of every application. I use TDD & BDD or some sort of testing for almost every app.</p>
    </div>
  </section>

  <section class="white why_ruby">
    <img src="images/arrow_down_blue.png" alt="" class="arrow">
    <div class="content">
      <h1>Why ruby on rails?</h1>
      <p>It's an ideal choice for startup. For prototyping, for quick launches of web services and in a situation, when you decide, that you need to make a step beyond the plan and lead your application to another targets.</p>
      <p>Rails community is wide, professional and active. And that's what it means for you:</p>
      <p class="reason">1) You will get you app faster.</p>
      <p class="explanation">there are many ready-to-go decisions that can be quickly implemented. It will allow to significantly increase a speed of development without loosing it's quality.</p>
      <p class="reason">2) Your will get safe and productive app.</p>
      <p class="explanation">all these decisions are used and tested by thousands of developers. So they are on a top of technologies, they are secure and up to dated.</p>
      <p class="reason">3) It will save you investments.</p>
      <p class="explanation">rails has many conventions on how to write code and to store it. It means that new team member wouldn't need a weeks to understand what is code about and would be able to make some meaningful commits to a code at the first day of his work. It also means that transferring the web app from one developer to another is easy.</p>
      <p>By the way, these services are written on Ruby-on-Rails: <span class="bold">Twitter, Shopify, GitHub, BaseCamp, Campfire, SlideShare, Groupon, Tumblr, Posterious, Blogger, AirBnB, Indiegogo, CrunchBase, Bloomberg, Bleacher Report and Square.</span></p>
      <p>So, you will be in a good company.</p>
    </div>

    <blockquote>“Powerful web applications that formerly might have taken weeks or months to develop can be produced in a matter of days.”
    <div class="sign">– Tim O’Reilly, Founder of O’Reilly Media</div>
    </blockquote>
    <blockquote>“After researching the market, Ruby on Rails stood out as the best choice. We have been very happy with that decision. We will continue building on Rails and consider it a key business advantage.”
    <div class="sign">– Evan Williams, Creator of Blogger and ODEO</div>
    </blockquote>
  </section>

  <section class="blue">
    <img src="images/arrow_down_white.png" alt="" class="arrow">
    <div class="content">
      <h1>About</h1>
      <p>There are some factors and premises that brought me to programming.</p>
      <p>I am a system-thinker and I always loved to deduce a system from some chaotic process, and then to think about how to increase it's efficiency. I systemized almost anything - ideas, information, life, concepts.</p>
      <p>Also I always had many ideas. I was writing verses, inventing business ideas and decisions. It leaded me to marketing education in Russian Economic Academy of Plechanov which have top-rated marketing facultee in Russia and then to PhD course.</p>
      <p>I always loved computers. Started using computers in 2nd grade of school. Till the moment, when there were 5-inch diskettes, MS-Dos, IBM i486, Total Commander and later Windows 3.11. I tried all of these and even more.</p>
      <p>In fact, I started doing sites more than 10 years ago. At first there were simple html sites for myself. Later they got some php-programming and javascript. And 5 years ago I find myself happy in programming on Ruby-on-Rails. Since then I spend a big part of my life developing web applications.</p>
      <p>I think programming is a great tool for bringing great ideas to life. 1 piece of exertion can be transformed into 1000 pieces of result. A simple site or service being developed in 1 month could change lives of 1000's tomorrow. It allows to solve global problems.</p>
    </div>
  </section>

  <section class="white life">
    <img src="images/arrow_down_blue.png" alt="" class="arrow">
    <div class="content">
      <h1>Life</h1>
      <p>My life is definitely not all about programming. I like to read books, do Tai-Chi, go to mountains and read philosophical and esoteric literature  . I dedicated some part of my life to photography and last year tried myself in filmmaking.</p>
      <p>But computers always were my passion and programming is a way to exercising my own ideas and to help in exercising yours.</p>
    </div>
  </section>

  <section class="contacts blue">
    <img src="images/arrow_down_white.png" alt="" class="arrow">
    <div class="content">
      <h1>Contacts</h1>
      <div class="connect">
        <p><img src="https://d1u2uhea8ugy8e.cloudfront.net/info/static/img/globals/odesk-logo-new.svg" alt="" class="odesk"> <a href="https://www.odesk.com/users/~01b521f294551ceb3d"> profile</a></p>
        <p><i class="fa fa-at"></i> v.e.kozlov at gmail.com</p>
        <p><i class="fa fa-skype"></i> v.e.kozlov</p>
      </div>
      <p>Thank you for watching my page. If you have any questions or consultation - feel free to contact me.</p>
    </div>
  </section>
</body>
</html>