Movatterモバイル変換


[0]ホーム

URL:


Hirata Tomoko, profile picture
Uploaded byHirata Tomoko
PPTX, PDF2,306 views

Walking front end

20160726 GsNight登壇資料です。 https://atnd.org/events/78168

Embed presentation

Download to read offline
Front-endの歩き方20160726_G'sNight Session Hirata Tomoko
About MeFrontend jQuery,ES6 AngularJS,TypeScriptBackend ASP.NET(VB.NET/C#) Ruby on Rails Node.js PHPGithub https://github.com/tomoko523blog http://tomoko-tsubasa.hateblo.jp/Qiita http://qiita.com/tomoko523vb.net開発経験後webアプリケーション開発を学ぶ。JavaScriptとサーバサイド寄りでごりごりロジックを作るのが好き。最近は関数型プログラミングに手を出し始めた。一番好きなJSライブラリはKnockout.js中小SIer5年目 SEG'sAcademy 4thDEV平田智子(hirata tomoko)
What's WEB Engineer?front-end Engineer?back-end Engineer?mark-up Engineer?full-stack Engineer?
フロントエンドとは、(略)、ユーザや他のシステム、ソフトウェアなどと直接データなどのやり取りを行う要素のこと。ユーザからの操作の受付や画面表示などを担当するGUI(グラフィカルユーザインタフェース)プログラムなどがこれに当たる。フロントエンドからのデータ入力や指示などを受けて、ユーザから直接見えないところでデータの処理や保存、処理結果の出力などを行う要素は「バックエンド」(back-end)という。http://e-words.jp/w/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89.htmlフロントエンド 【 front-end 】
HTMLCSSClient-Sideprogramming≒ JavaScriptServer-Sideprogrammingインフラ構築full-stack Engineerfront-end Engineermark-up Engineer back-end Engineer
How to walkfrom Front-end to Back-end ?
Step.1 静的サイト開発• HTML/CSS- HTML5- CSS3
Step.2 動的サイト開発• HTML5/CSS3/JavaScript• css/jsライブラリの活用- bootstrap- jQuery• レスポンシブデザイン,UI/UX
Step.3 中規模のWebアプリケーション開発• 複数ページのサイト作成• Webプリケーションアーキテクチャ- MV*- JSON- 通信 Ajax• JSフレームワークの活用- Knockout.js,Backbone.js,AngularJS,Vue.js- ReactJS,Riot.js
• HTML/CSS/JS + サーバサイド• WebAPI(REST API)• データベース- MySQL,PostgreSQL,NoSQLStep.4 フロントエンド+サーバサイド開発
• altjs- TypeScript,coffeeScript,Babel• CSSプリプロセッサ- Sass/LESS• 各種ツール活用- Package Manager : nuget,npm,bower- Task runnner : grunt,gulp- scaffolding : Yeoman- Test framework : Mocha Jasmin QUnitStep.5 効率化を考えた開発
• Webアプリケーションフレームワーク- CakePHP,Larabel(PHP)- Ruby on Rails(Ruby)- Express(Node.js) …etc• SPA(Single Page Application)- Meteor(Node.js)- Bakcbone.js,AngularJS,React.js- WebSocketStep.6 大規模な開発
What Engineerdo you want to be ?
組み合わせいろいろWEB Engineer× セキュリティ SEO ECサイト× リアルタイム通信 Chat SNS 広告配信× ゲーム WEBGL/VR Unity× ハードウェア IoT ドローン× 統計分析 機械学習 Deep learning× …etc
WEB Engineer × Your Interest = ∞なりたいエンジニアになろう!Icon提供:http://raindropmemory.deviantart.com/art/Legendora-Icon-Set-118999011

Recommended

PPTX
エンジニアが Webを学ぶために やっててよかったこと
PPTX
Rails5クイックスタート
PPTX
Rails+Markdownでなにかつくる
PPTX
WindowsユーザのためのRails環境構築
PPTX
Electronからはじめるnodejs
PPTX
Railsのフロントエンド開発を考える
PDF
Railsチュートリアル(second)を終えて
PDF
Rubyを楽しくする第一歩!ブロックを理解する!
PDF
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
PDF
PHPでWebSocketを実装してみてわかったこと
PDF
iPhoneアプリを Javaで書くよ?
PDF
2013 08-19 jjug
 
PDF
Rubyをちょっと理解しよう
PPTX
無名関数のすすめ
PDF
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
PDF
いわみくとMeetup第15回
PDF
RubyとRailsのおいしい使い方
PDF
Ember コミュニティとわたし
PPTX
RubyとRのおいしい関係
PDF
Sprocketsを捨てたい
PPTX
Kids, Ruby, Fun! ぼくたち、 Rubyプログラミング少年団! 〜小学生からはじめる Ruby プログラミング〜
PDF
TypeScript 入門してみる
PDF
簡単!Groovy入門
PPTX
Electron を知る
PDF
「Microbit」で簡単プログラミング体験
PPTX
♡PHPが恋しい話♡
PDF
Ruby with My Life
PDF
BootstrapとRailsで、 高速にWebサイトを作ってみた
PPTX
フロントエンドというカオスな世界について
PPTX
2016 03 05_yokohama_north

More Related Content

PPTX
エンジニアが Webを学ぶために やっててよかったこと
PPTX
Rails5クイックスタート
PPTX
Rails+Markdownでなにかつくる
PPTX
WindowsユーザのためのRails環境構築
PPTX
Electronからはじめるnodejs
PPTX
Railsのフロントエンド開発を考える
PDF
Railsチュートリアル(second)を終えて
PDF
Rubyを楽しくする第一歩!ブロックを理解する!
エンジニアが Webを学ぶために やっててよかったこと
Rails5クイックスタート
Rails+Markdownでなにかつくる
WindowsユーザのためのRails環境構築
Electronからはじめるnodejs
Railsのフロントエンド開発を考える
Railsチュートリアル(second)を終えて
Rubyを楽しくする第一歩!ブロックを理解する!

What's hot

PDF
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
PDF
PHPでWebSocketを実装してみてわかったこと
PDF
iPhoneアプリを Javaで書くよ?
PDF
2013 08-19 jjug
 
PDF
Rubyをちょっと理解しよう
PPTX
無名関数のすすめ
PDF
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
PDF
いわみくとMeetup第15回
PDF
RubyとRailsのおいしい使い方
PDF
Ember コミュニティとわたし
PPTX
RubyとRのおいしい関係
PDF
Sprocketsを捨てたい
PPTX
Kids, Ruby, Fun! ぼくたち、 Rubyプログラミング少年団! 〜小学生からはじめる Ruby プログラミング〜
PDF
TypeScript 入門してみる
PDF
簡単!Groovy入門
PPTX
Electron を知る
PDF
「Microbit」で簡単プログラミング体験
PPTX
♡PHPが恋しい話♡
PDF
Ruby with My Life
PDF
BootstrapとRailsで、 高速にWebサイトを作ってみた
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
PHPでWebSocketを実装してみてわかったこと
iPhoneアプリを Javaで書くよ?
2013 08-19 jjug
 
Rubyをちょっと理解しよう
無名関数のすすめ
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
いわみくとMeetup第15回
RubyとRailsのおいしい使い方
Ember コミュニティとわたし
RubyとRのおいしい関係
Sprocketsを捨てたい
Kids, Ruby, Fun! ぼくたち、 Rubyプログラミング少年団! 〜小学生からはじめる Ruby プログラミング〜
TypeScript 入門してみる
簡単!Groovy入門
Electron を知る
「Microbit」で簡単プログラミング体験
♡PHPが恋しい話♡
Ruby with My Life
BootstrapとRailsで、 高速にWebサイトを作ってみた

Similar to Walking front end

PPTX
フロントエンドというカオスな世界について
PPTX
2016 03 05_yokohama_north
PPTX
わくわく勉強会 フロントエンド
byK K
 
PDF
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
PDF
ディレクターとして知っておいたほうが良いフロントエンドの知識
PDF
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
PDF
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
PPTX
How to collect frontend technology
PPTX
フロントエンド開発入門
 
PDF
Okinawa frontend meetup1_俺のフロントエンド開発がこんなに時代おくれなワケがない
PDF
これからフロントエンジニアを目指すあなたへ
PPTX
React.jsを勉強しよう
PPTX
フロントエンドの技術を刷新した話し。
PDF
Ui live資料
フロントエンドというカオスな世界について
2016 03 05_yokohama_north
わくわく勉強会 フロントエンド
byK K
 
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
ディレクターとして知っておいたほうが良いフロントエンドの知識
オレオレフロントエンド開発環境 ~際限なき修正を攻略せよ!~
HTML5を使うためのプログレッシブエンハンスメント 〜すべての人に確実に情報を届けるために〜SwapSkillsFreeEventProgressiv...
How to collect frontend technology
フロントエンド開発入門
 
Okinawa frontend meetup1_俺のフロントエンド開発がこんなに時代おくれなワケがない
これからフロントエンジニアを目指すあなたへ
React.jsを勉強しよう
フロントエンドの技術を刷新した話し。
Ui live資料

Walking front end


[8]ページ先頭

©2009-2025 Movatter.jp