もくもくWEBプログラミング会議 at Skype

自宅でまったり、skype会議通話をしながらプログラミングを嗜みましょう。 年齢、性別、スキルを問わず、プログラマーなら誰でも自由に参加頂けます。

概要

• 一人だとなかなか作業のやる気が上がらない.
• 他のプログラマーとの交流で刺激を得たい.
• 質問を受けたり尋ねたりしたい.

主に上記を目的として、skype会議通話をしながらそれぞれが自由に作業を進める感じです。

決まり事

• WEB関係の作業をしましょう。(デザイン制作などでもOK)
• 最低限の挨拶、コミュニケーションをしましょう。
• 質問は気軽にしましょう。されましょう。

参加について

不定日で21:00 ~ 24:00に開催します。

参加する場合は、connpass上での参加に加え、下記のskypeIDにコンタクトと参加の旨をお伝え下さい。参加者のグループへ招待します。 なお、開催時間の間はお好きなタイミングで接続/離脱をして大丈夫です。

2回目以降の参加の場合は、開催者にチャットでその旨をお伝え下さい。

skype id: web-programmers-group

対象のプログラミング言語

• HTML
• CSS
• Javascript
• PHP
• MySql

などなど。その他各種フレームワークなどもOKです。

参考用プログラムレベル

各言語で、自分にどの程度のスキルがあるのか大まかに判定するための目安です。 自己紹介の時などに参考にしてください。 (現在作成中)

HTML

1. コードを見てもよく分からないが、デザインソフトを利用してWEBページを編集することができる。
2. <p>や<div>など、タグを用いてWEBページを編集することができる。
3. form, inputタグ等を使用して、フォームを自由に構築できる。
4. id, class, name属性の違いを理解していて、正しく使用できる。
5. <div>, <p>, <img>, <span> のような各タグの違いと役割を理解している。
6. <main>, <section>, <article>, <nav> などの文書構造タグの違いを理解している。
7. DOMを理解していて、ソースコードからDOMツリーを構築できる。

CSS

1. idやclassを利用して、要素にCSSを適用させることができる。
2. 子セレクタや隣接セレクタなど、様々なセレクタでの指定方法を使用できる。
3. nth-childやnth-of-typeなど、CSS3の疑似クラスを使用できる。
4. before, after疑似要素を使用して、コンテンツを表現できる。
5. width, margin, border, padding の関係とボックスモデルを理解している。
6. box-sizingの違いを理解した上でボックスをレイアウトできる。
7. floatの効果を理解していて、親要素のボックスを意識した上で使用できる。
8. positionの効果を理解していて、スタック文脈を意識した上で使用できる。
9. displayの効果を理解していて、flexboxも使いこなせる。
10. CSSアニメーションを好きなように設定し表現できる。

Javascript

1. alertやconsole.logを使ってプログラムのデバックができる。
2. document.getElementByIdやdocument.getElementsByClassNameを使いこなせる。
3. document.querySelectorを利用して、セレクタでノードを指定できる。
4. HTMLElementオブジェクトを理解していて、メソッドとプロパティを想定どおりに利用できる。
5. innerHtmlとtextContentを使い分けられている。
6. innerWidth, offsetWidth, clientWidth, scrollWidth の違いがわかる。
7. callbackを使用して、自分で定義した関数同士を指定の動作で制御できる。
8. closureを使用して、グローバル空間を汚染せずに関数を定義できる。
9. XMLHttpRequestを使用して、非同期処理を実装できる。
10. prototypeチェーンの概念を説明できる。
11. call, apllyの使い方を説明できる。
12. new, instanceof を使用して、オブジェクトのprototypeをコントロールできる。

jQuery

1. $('selector')を使ってjQueryオブジェクトを取得できる。
2. $(function(){})の効果を理解できる。
3. cssメソッドを使って要素のCSSを変更できる。
4. attrメソッドとpropメソッドの違いを説明できる。
5. showメソッドやhideメソッドを使ってアニメーションを表現できる。
6. animateメソッドとそのcallback機能を使用して、自分の好きなアニメーションを表現できる。

php

1. echo, print_r, var_dumpの違いを説明できる。