wataruoguchi

Getting start with Symfony2

Reference

• Official Symfony Best Practices

0. Development Environment

• OS X 10.11
• MAMP
• Atom editor

wataruoguchi

#!/bin/bash
word="$@"
datetime=$(date +'%Y%m%d%H%M%S')
filename=$(echo $word | sed -r 's/(^| )([a-z])/\U\2/g'|tr '\n' ' ')
filename=$(echo "grep_"$filename"_"$datetime".txt" | tr -d '[[:space:]]')
find ./ -regex ".*\.php" -type f -print | xargs grep "$word" >> "$HOME/$filename"
find ./ -regex ".*\.js" -type f -print | xargs grep "$word" >> "$HOME/$filename"
echo "DONE"

wataruoguchi

# [An Introduction to Scalability and Memory](http://www.meetup.com/NY-JavaScript/events/231111946/)

[Javascript ES6 based](https://github.com/Haseeb-Qureshi/cs-fundamentals)

- Big O and asymptotic analysis
The number of CPU cycles? No, depends on the runtime. ENTER BIG 0!
Big O is about asymptotic analysis
How an algorithm scales
The rate of growth
How fast do the number s become unmanageble?

wataruoguchi

My two cents

Coding

Before start coding

• Firstly, read existing code and plan what you are going to make

  • Research how it's working, what kind of value the valuable should have
  • Ensure what you have to do, and what you should not do

wataruoguchi

Front-end tips

For Front-end development. Writing pure CSS is unproductive. You have to copy & paste the same style again and again. Once the project owner changed his mind, developers have to change each piece of code. I bet you will face this situation tons of times.

Sass helps you to build reusable CSS. When you have to change the style, you only have to change a part of code. To write reusable code is one of basic skills developers have to acquire. Reusable code is maintainable, maintainable code reduces both your work time and numerous careless bugs.

Tools

Tools I use personally. If you want to acquire CSS techniques, I encourage you to learn Sass's syntax first. Once you get to know it, learn SMACSS. Then you will understand what reusable CSS is. Compass is a good framework, not only that but also it's a great document for studying reusable CSS. When you are ready to develop in Sass, I recommend you to use Gulp.

Gulp (Task runner)

wataruoguchi

Responsive Web Development

Sass

If you want to customize/inherit variables of Bootstrap, import the provided code and override the variables in a different file that you only have. Because the code provided by Bootstrap will be updated.

In this document, I would like to explain why the pattern is bad, and what is good.

File structure

sass

wataruoguchi

Web design basics - Visual

Typefaces

Font

• To keep the page's consistency, the number of typefaces should be 2, or at most 3
• For the page's legibility, Serif, Handwriting, and Display fonts in Google Fonts should be used carefully

Style

• Again, for the legibility, Italic style should be used carefully

wataruoguchi

Web design basics - Goal oriented design

Goal orientation is a "disposition toward developing or demonstrating ability in achievement situations". (wikipedia)

What is the website's goal?

When you design the website, think what is the goal. Is the website for selling products? Or is that for showing good products? In normal e-commerce website, the goal should be the first one. Website is just a tool to help the business to achieve the goal. Good looking website != Good website.

What to be careful?

Word choice

Is the word used in common, not only in your industry? If not, you should be careful. People will be afraid of something they don't know.

wataruoguchi

Book club

Chapter (5)

If you can't measure it, you can't improve it.

Good metrics

1. they help you focus on the right things

• Define a metric associated with your goal - whether that metric is weekly active rate, responsive time, and so on
• Measure the change's impact

2. Visualized over time, good metrics help guard against future regressions

wataruoguchi

http://stackoverflow.com/a/21195182/3718498

git submodule update --remote --merge submodule/path