I'd a talk about being front end developer at Ankara Atılım University

1. Hürriyet IT
Takımı ile
Teknolojide Atılım

2. Hello!I am Murat Do anğ
Digital Dream Developer @
Hurriyet
2

3. What are our topics?
3
● Responsibility
● Tools
● Learning
● Q & A

4. Responsibility
What is the process of the
development
1

5. 5
Designer
s

6. “ We’ve decided to
use larger and
blue buttons
according to our
user research
reports
6

7. 7
Backend
Developers

8. “ We’re rebuilding
our architecture
using new micro
services
technology
8

9. 9
Front End
Developers

10. “
Lorem ipsum dolor
sit amet !
10

11. Front
End
World
Let’s start with the
history
11

12. 2007’s
Front End
Concerns
12
IE6
Problem
Tables
vs
Divs
W3C
Aja
x
PSD2HTML
xslt

13. 13
2017’s Front End
Concerns?

14. “ Front end
development is not
just converting
design to html
anymore.
14

15. 15

16. Front End Development is :
● Real time
● Incremental
● Asynchronous
● Reactive
16

17. 17
Tools

18. Let’s split our
goals
18

19. 19

20. HTML 5
Hypertext Markup Language revision
5 (HTML5) is markup language for
the structure and presentation of
World Wide Web
contents. HTML5 supports the
traditional HTML and XHTML-style
syntax and other new features in its
markup, New APIs, XHTML and error
handling.
20

21. CSS 3
A cascading style sheet (CSS) is a
Web page derived from multiple
sources with a defined order of
precedence where
the definitions of any style element
conflict.
21

22. And…
22

23. JavaScript
an object-oriented computer
programming language commonly
used to create interactive effects
within web browsers.
23

24. JavaScript Frameworks
24
● Angular
● React
● Vue

25. Angular
25
● Backed by Google
● Since 2009
● Current Version : 4

26. React
26
● Backed by Facebook
● Since 2011 / Facebook feed
● Current Version : 16
● Bonus: React Native

27. Vue
27
● Created by Evan You
● Since 2014
● Current Version : 2.5

28. How to catch up new trends?
The most important thing is staying updated. You should split up your
learning methodologies. Here are the list:
28
● Read
● Watch
● Practice

29. Read!
There are lots of blog posts, feeds to follow.
29
● Medium
● Twitter
● Stackoverflow
● Mailing lists
● Facebook Groups
● Quora
● Blogs
● Bonus: Panda

30. Watch
There are lots of blog posts, feeds to follow.
30
● Youtube
● PluralSight
● Egghead.io
● Udemy
● Lynda
● Coursera
● Udacity
● Khan Academy

31. Practice
There are lots of blog posts, feeds to follow.
31
● Localhost 
● HackerRank
● Github
● StackOverflow

32. 32
Thanks!Any questions?
Github: @muratdogan17/
Linkedin: @muratdogan17/
Twitter : @murat_dogan17
Medium: @muratdogan