{"id":10848,"date":"2013-10-18T08:25:00","date_gmt":"2013-10-18T08:25:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/10\/18\/slideshow-don-gian-voi-code-javascript-thuan\/"},"modified":"2013-10-18T08:25:00","modified_gmt":"2013-10-18T08:25:00","slug":"slideshow-don-gian-voi-code-javascript-thuan","status":"publish","type":"post","link":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/","title":{"rendered":"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n"},"content":{"rendered":"\n

Slideshow l\u00e0 y\u1ebfu t\u1ed1 tr\u1ee3 gi\u00fap th\u1ea9m m\u1ef9 r\u1ea5t t\u1ed1t cho trang web, h\u00f4m nay t\u00f4i s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n code Javascript \u0111\u1ec3 l\u00e0m Slideshow d\u1ea1ng \u0111\u01a1n gi\u1ea3n ki\u1ec3u next, back. Code kh\u00e1 ng\u1eafn v\u00e0 c\u0169ng kh\u00f4ng ph\u1ee9c t\u1ea1p l\u1eafm.<\/p>\n\n\n\n

\u0110\u1ea7u ti\u00ean b\u1ea1n ph\u1ea3i chu\u1ea9n b\u1ecb v\u00e0i b\u1ee9c \u1ea3nh, bao nhi\u00eau c\u00e1i t\u00f9y b\u1ea1n, trong v\u00ed d\u1ee5 n\u00e0y t\u00f4i l\u1ea5y 4 b\u1ee9c JPG. Ti\u1ebfp theo ch\u00fang ta cho 4 anh b\u1ea1n n\u00e0y v\u00e0o th\u01b0 m\u1ee5c images, nh\u1edb ki\u1ebfm c\u1ea3 2 \u1ea3nh next v\u00e0 back \u0111\u1ec3 cho v\u00e0o lu\u00f4n n\u1ebfu mu\u1ed1n \u0111\u1eb9p, c\u00f2n kh\u00f4ng \u0111\u1ec3 2 c\u00e1i button th\u00f4 th\u00f4 nh\u01b0 t\u00f4i \u1edf tr\u00ean c\u0169ng \u0111\u01b0\u1ee3c, cu\u1ed1i c\u00f9ng t\u1ea1o th\u01b0 m\u1ee5c js \u0111\u1ec3 ch\u1ee9a file Javascript. Copy \u0111o\u1ea1n code sau cho v\u00e0o file c\u00f3 t\u00ean slideshow.js trong th\u01b0 m\u1ee5c js:<\/p>\n\n\n\n

var anhAr = []; \n\nvar imgIndex = 0; \nfunction loadAnh() { \nfor (var i = 0; i < 4; i++) { \nanhAr[i] = new Image(); \nanhAr[i].src = \"images\"+\"\/\"+\"ss\"+i\"+.jpg\"; } } \n \nfunction next() {\nif (imgIndex == 3) {\n imgIndex = -1; } \nif (imgIndex < 3) { \nimgIndex++; document.getElementById(\"ss\").src = anhAr[imgIndex].src; } }\n \nfunction back() {\nif (imgIndex == 0) { \nimgIndex = 4; } \nif (imgIndex > 0) { \nimgIndex\u2013; \ndocument.getElementById(\"ss\").src = anhAr[imgIndex].src; } }<\/code><\/pre>\n\n\n\n

\u1ede trang HTML t\u1ea1i th\u1ebb m\u1edf body ta g\u1ecdi h\u00e0m loadAnh<\/code> b\u1eb1ng \u0111o\u1ea1n code sau:\u00a0<\/p>\n\n\n\n

<body onload = \"loadAnh();\"> <\/code><\/pre>\n\n\n\n

D\u0129 nhi\u00ean tr\u01b0\u1edbc \u0111\u00f3 b\u1ea1n ph\u1ea3i li\u00ean k\u1ebft v\u1edbi file slideshow.js b\u1eb1ng c\u00e1ch th\u00eam \u0111o\u1ea1n code d\u01b0\u1edbi \u0111\u00e2y v\u00e0o tr\u01b0\u1edbc th\u1ebb \u0111\u00f3ng head: <\/p>\n\n\n\n

<script type=\"text\/javascript\" src=\"js\/slideshow.js\"><\/script><\/code><\/pre>\n\n\n\n

Ph\u1ea7n t\u1edbi b\u1ea1n s\u1ebd t\u1ea1o khu v\u1ef1c ch\u1ee9a slideshow trong html, n\u00f3 s\u1ebd c\u00f3 ki\u1ec3u nh\u01b0 n\u00e0y:<\/p>\n\n\n\n

<div id=\"showanh\">\n<input type=\"image\" src=\"images\/back.png\" height=\"80\" width=\"80\" value=\"back\" onclick=\"back();\" \/>\n<img id=\"ss\" src=\"images\/ss0.jpg\" \/>\n<input type=\"image\" src=\"images\/next.png\" height=\"80\" width=\"80\" value=\"next\" onclick=\"next();\"\/>\n<\/div> <!\u2013 showanh \u2013><\/code><\/pre>\n\n\n\n

\u0110\u1ec3 onclick=\"back();\"<\/code> v\u00e0 onlick=\"next();\"<\/code> nh\u1eb1m m\u1ee5c \u0111\u00edch khi click v\u00e0o c\u00e1c n\u00fat back v\u00e0 next, n\u00f3 s\u1ebd g\u1ecdi c\u00e1c h\u00e0m t\u01b0\u01a1ng \u1ee9ng. M\u1ed9t ch\u00fa \u00fd nh\u1ecf, 4 b\u1ee9c \u1ea3nh \u0111\u01b0\u1ee3c \u0111\u1eb7t t\u00ean theo th\u1ee9 t\u1ef1 t\u1eeb ss0, ss1, ss2 v\u00e0 cu\u1ed1i c\u00f9ng l\u00e0 ss3. T\u1ea1i sao l\u1ea1i \u0111\u1eb7t t\u00ean nh\u01b0 v\u1eady th\u00ec d\u01b0\u1edbi \u0111\u00e2y t\u00f4i s\u1ebd n\u00f3i sau. Gi\u1edd t\u1edbi ph\u1ea7n gi\u1ea3i th\u00edch code Javascript.<\/p>\n\n\n\n


\n\n\n\n

M\u1ea3ng anhAr v\u00e0 H\u00e0m loadAnh<\/h2>\n\n\n\n
var anhAr = [];\/\/ Kh\u1edfi t\u1ea1o m\u1ea3ng anhArvar imgIndex = 0; \/\/ Kh\u1edfi t\u1ea1o bi\u1ebfn imgIndex v\u1edbi gi\u00e1 tr\u1ecb l\u00e0 0 function loadAnh() { for (var i = 0; i < 4; i++) { anhAr[i] = new Image(); anhAr[i].src = \"images\"+\"\/\"+\"ss\"+i+\".jpg\"; } }<\/code><\/pre>\n\n\n\n

H\u00e0m loadAnh \u2013 function loadAnh()<\/code> c\u00f3 m\u1ee5c \u0111\u00edch \u0111\u01b0a 4 b\u1ee9c \u1ea3nh v\u00e0o m\u1ea3ng anhAr, \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y, ta d\u00f9ng h\u00e0m for ch\u1ea1y t\u1eeb 0 cho \u0111\u1ebfn nh\u1ecf h\u01a1n 4 (t\u1ee9c l\u00e0 3) v\u1edbi b\u01b0\u1edbc nh\u1ea3y l\u00e0 1 (i++). B\u1ea1n c\u00f2n nh\u1edb t\u00ean \u1ea3nh t\u1eeb ss0 \u0111\u1ebfn ss3 kh\u00f4ng? \u00dd ngh\u0129a t\u00ean b\u1ee9c \u1ea3nh l\u00e0 \u0111\u1ec3 ti\u1ec7n d\u00f9ng trong h\u00e0m n\u00e0y.<\/p>\n\n\n\n

anhAr[i] = new Image()<\/code> d\u00f9ng \u0111\u1ec3 kh\u1edfi t\u1ea1o ph\u1ea7n t\u1eed m\u1ea3ng c\u00f3 ki\u1ec3u l\u00e0 \u1ea2nh (Image).<\/p>\n\n\n\n

anhAr[i].src = \"images\"+\"\/\"+\"ss\"+i+\".jpg\"<\/code> d\u00f9ng \u0111\u1ec3 l\u1ea5y \u0111\u01b0\u1eddng d\u1eabn cho \u1ea3nh, nh\u00ecn v\u00e0o \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y, \u1ea3nh n\u1eb1m trong th\u01b0 m\u1ee5c images, v\u1edbi t\u00ean l\u00e0 ssi (i t\u1eeb 0 cho \u0111\u1ebfn 3) v\u00e0 \u0111\u1ecbnh d\u1ea1ng l\u00e0 .jpg<\/p>\n\n\n\n

V\u1eady c\u1ea3 h\u00e0m loadAnh()<\/code> \u1edf tr\u00ean s\u1ebd l\u01b0u 4 b\u1ee9c \u1ea3nh v\u00e0o m\u1ea3ng anhAr, ghi nh\u1edb c\u1ea3 \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a nh\u1eefng b\u1ee9c \u1ea3nh n\u00e0y n\u1eefa.<\/p>\n\n\n\n


\n\n\n\n

H\u00e0m next<\/h2>\n\n\n\n
function next() { if (imgIndex == 3) { imgIndex = -1; } if (imgIndex < 3) { imgIndex++; document.getElementById(\u201css\u201d).src = anhAr[imgIndex].src; } }<\/code><\/pre>\n\n\n\n

\u0110\u1ec3 nhanh ch\u00f3ng hi\u1ec3u h\u00e0m next t\u00f4i s\u1ebd gi\u1ea3i th\u00edch \u0111o\u1ea1n code tr\u1ecdng t\u00e2m c\u1ee7a n\u00f3 l\u00e0 \u0111o\u1ea1n:<\/p>\n\n\n\n

if (imgIndex < 3) { imgIndex++; document.getElementById(\u201css\u201d).src = anhAr[imgIndex].src; }<\/code><\/pre>\n\n\n\n

\u1ede \u0111\u00e2y b\u1ea1n th\u1ea5y khi h\u00e0m next \u0111\u01b0\u1ee3c g\u1ecdi, n\u00f3 s\u1ebd ki\u1ec3m tra gi\u00e1 tr\u1ecb c\u1ee7a imgIndex. B\u1ea1n c\u00f2n nh\u1edb gi\u00e1 tr\u1ecb kh\u1edfi t\u1ea1o c\u1ee7a imgIndex ta \u0111\u1ec3 l\u00e0 0, v\u00e0 \u0111\u00e2y l\u00e0 gi\u00e1 tr\u1ecb c\u1ee7a imgIndex khi ta b\u1eadt trang l\u1ea7n \u0111\u1ea7u.<\/p>\n\n\n\n

V\u00ec 0 nh\u1ecf h\u01a1n 3, th\u1ecfa m\u00e3n \u0111i\u1ec1u ki\u1ec7n n\u00ean, imgIndex \u0111\u01b0\u1ee3c ch\u1ec9 th\u1ecb t\u0103ng l\u00ean 1 \u0111\u01a1n v\u1ecb (imgIndex++), sau \u0111\u00f3 src c\u1ee7a id c\u00f3 t\u00ean l\u00e0 ss s\u1ebd \u0111\u01b0\u1ee3c thay th\u1ebf b\u1eb1ng src c\u1ee7a anhAr[1]id c\u00f3 t\u00ean ss trong html ch\u00ednh l\u00e0 th\u1ebb <img id=\"ss\" src=\"images\/ss0.jpg\" \/><\/code> <\/em>hay n\u00f3i c\u00e1ch kh\u00e1c, b\u1eb1ng vi\u1ec7c nh\u1ea5n n\u00fat next, \u0111o\u1ea1n code tr\u00ean s\u1ebd thay \u0111\u1ed5i th\u00e0nh: <\/p>\n\n\n\n

<img id=\"ss\" src=\"images\/ss1.jpg\" \/> <\/code><\/pre>\n\n\n\n

T\u1ee9c l\u00e0 b\u1ee9c \u1ea3nh ss0.jpg s\u1ebd \u0111\u01b0\u1ee3c thay th\u1ebf b\u1eb1ng ss1.jpg<\/p>\n\n\n\n

\u0110i\u1ec1u g\u00ec x\u1ea9y ra khi imgIndex = 3, \u0111\u00e2y l\u00e0 l\u00fac th\u00edch h\u1ee3p \u0111\u1ec3 gi\u1ea3i th\u00edch \u0111o\u1ea1n code \u0111\u1ea7u ti\u00ean c\u1ee7a n\u00fat next:<\/p>\n\n\n\n

if (imgIndex == 3) {imgIndex = -1;}<\/code><\/pre>\n\n\n\n

\u0110i\u1ec1u n\u00e0y c\u00f3 ngh\u0129a l\u00e0 n\u1ebfu \u0111\u1ebfn b\u1ee9c \u1ea3nh cu\u1ed1i c\u00f9ng, h\u00e3y g\u00e1n imgIndex = -1, sau \u0111\u00f3 v\u00ec -1 nh\u1ecf h\u01a1n 3 n\u00ean imgIndex l\u1ea1i t\u0103ng l\u00ean 1, t\u1ee9c l\u00e0 v\u1ec1 0. N\u00f3i c\u00e1ch kh\u00e1c, ta s\u1ebd \u0111\u01b0\u1ee3c \u0111\u01b0a v\u1ec1 b\u1ee9c \u1ea3nh \u0111\u1ea7u ti\u00ean t\u1ee9c l\u00e0 ss0.jpg.<\/p>\n\n\n\n

V\u1eady m\u1ee5c \u0111\u00edch c\u1ee7a \u0111o\u1ea1n code tr\u00ean gi\u00fap ta c\u00f3 th\u1ec3 next v\u00f4 t\u1eadn, n\u1ebfu kh\u00f4ng c\u00f3 n\u00f3, \u0111\u1ebfn th\u1eddi \u0111i\u1ec3m img = 3, b\u1ea1n kh\u00f4ng th\u1ec3 next \u0111\u01b0\u1ee3c n\u1eefa.<\/p>\n\n\n\n

V\u1ec1 ph\u1ea7n code back, n\u00f3 c\u0169ng ho\u00e0n to\u00e0n t\u01b0\u01a1ng t\u1ef1, \u0111i\u1ec3m kh\u00e1c bi\u1ec7t duy nh\u1ea5t l\u00e0 n\u00f3 tr\u00e1i ng\u01b0\u1ee3c v\u1edbi next m\u00e0 th\u00f4i, m\u1ecdi gi\u1ea3i th\u00edch v\u1eabn nguy\u00ean nh\u01b0 c\u0169.<\/p>\n\n\n\n


\n\n\n\n

L\u00e0m SlideShow trong Blogspot<\/h2>\n\n\n\n

Nghe h\u1ea5p d\u1eabn \u0111\u00fang kh\u00f4ng, t\u00f4i th\u1eed l\u00e0m ngay v\u00e0 lu\u00f4n nh\u00e9, v\u00ec d\u00f9ng blogspot, cho n\u00ean \u0111\u01b0\u1eddng d\u1eabn \u1ea3nh kh\u00f4ng \u0111\u01b0\u1ee3c \u0111\u1eb9p nh\u01b0 tr\u00ean, nh\u01b0ng kh\u00f4ng sao, ch\u00fang ta ch\u1ec9 c\u1ea7n thay \u0111\u1ed5i code m\u1ed9t ch\u00fat l\u00e0 \u0111\u01b0\u1ee3c, c\u1ee5 th\u1ec3 ch\u00fang ta ph\u1ea3i g\u00e1n t\u1eebng ph\u1ea7n t\u1eed c\u1ee7a m\u1ea3ng v\u1edbi \u0111\u1ecba ch\u1ec9 c\u1ee5 th\u1ec3 c\u1ee7a \u1ea3nh nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n\n\n\n

var anhAr = [];\nvar imgIndex = 0;\nanhAr[0] = new Image();\nanhAr[0].src = \"https:\/\/kiencang.net\/wp-content\/uploads\/2013\/10\/stock-photo-mist.jpg\";\nanhAr[1] = new Image();\nanhAr[1].src = \"http:\/\/3.bp.blogspot.com\/-6PmEQwFeqXk\/UmErtUZn34I\/AAAAAAAACus\/1iZDp_ZcYRk\/s1600\/stock-photo-lanka.jpg\";\nanhAr[2] = new Image();\nanhAr[2].src = \"http:\/\/3.bp.blogspot.com\/-eaGFS-JB9lg\/UmErtq4UDYI\/AAAAAAAACu0\/9mO3c6KTEzE\/s1600\/stock-photo-human-hand.jpg\";\nanhAr[3] = new Image();\nanhAr[3].src = \"http:\/\/3.bp.blogspot.com\/-H2dI5vz-GnI\/UmErpEFxpzI\/AAAAAAAACug\/4rXruthEtY8\/s1600\/stock-casting.jpg\";<\/code><\/pre>\n\n\n\n

Nh\u1eefng ph\u1ea7n code c\u00f2n l\u1ea1i th\u00ec gi\u1ed1ng nguy\u00ean, kh\u00f4ng c\u1ea7n thay \u0111\u1ed5i g\u00ec c\u1ea3.<\/p>\n","protected":false},"excerpt":{"rendered":"

Slideshow l\u00e0 y\u1ebfu t\u1ed1 tr\u1ee3 gi\u00fap th\u1ea9m m\u1ef9 r\u1ea5t t\u1ed1t cho trang web, h\u00f4m nay t\u00f4i s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n code Javascript \u0111\u1ec3 l\u00e0m Slideshow d\u1ea1ng \u0111\u01a1n gi\u1ea3n ki\u1ec3u next, back. Code kh\u00e1 ng\u1eafn v\u00e0 c\u0169ng kh\u00f4ng ph\u1ee9c t\u1ea1p l\u1eafm. \u0110\u1ea7u ti\u00ean b\u1ea1n ph\u1ea3i chu\u1ea9n b\u1ecb v\u00e0i b\u1ee9c \u1ea3nh, bao nhi\u00eau c\u00e1i t\u00f9y b\u1ea1n, …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236],"tags":[],"yoast_head":"\nSlideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n • Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n • Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Slideshow l\u00e0 y\u1ebfu t\u1ed1 tr\u1ee3 gi\u00fap th\u1ea9m m\u1ef9 r\u1ea5t t\u1ed1t cho trang web, h\u00f4m nay t\u00f4i s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n code Javascript \u0111\u1ec3 l\u00e0m Slideshow d\u1ea1ng \u0111\u01a1n gi\u1ea3n ki\u1ec3u next, back. Code kh\u00e1 ng\u1eafn v\u00e0 c\u0169ng kh\u00f4ng ph\u1ee9c t\u1ea1p l\u1eafm. \u0110\u1ea7u ti\u00ean b\u1ea1n ph\u1ea3i chu\u1ea9n b\u1ecb v\u00e0i b\u1ee9c \u1ea3nh, bao nhi\u00eau c\u00e1i t\u00f9y b\u1ea1n, …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-18T08:25:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/","og_locale":"vi_VN","og_type":"article","og_title":"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n • Ki\u1ebfn c\u00e0ng","og_description":"Slideshow l\u00e0 y\u1ebfu t\u1ed1 tr\u1ee3 gi\u00fap th\u1ea9m m\u1ef9 r\u1ea5t t\u1ed1t cho trang web, h\u00f4m nay t\u00f4i s\u1ebd gi\u1edbi thi\u1ec7u v\u1edbi b\u1ea1n code Javascript \u0111\u1ec3 l\u00e0m Slideshow d\u1ea1ng \u0111\u01a1n gi\u1ea3n ki\u1ec3u next, back. Code kh\u00e1 ng\u1eafn v\u00e0 c\u0169ng kh\u00f4ng ph\u1ee9c t\u1ea1p l\u1eafm. \u0110\u1ea7u ti\u00ean b\u1ea1n ph\u1ea3i chu\u1ea9n b\u1ecb v\u00e0i b\u1ee9c \u1ea3nh, bao nhi\u00eau c\u00e1i t\u00f9y b\u1ea1n, …","og_url":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-10-18T08:25:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"5 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/","url":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/","name":"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-10-18T08:25:00+00:00","dateModified":"2013-10-18T08:25:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/slideshow-don-gian-voi-code-javascript-thuan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Slideshow \u0111\u01a1n gi\u1ea3n v\u1edbi code Javascript thu\u1ea7n"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10848"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=10848"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10848\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=10848"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=10848"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=10848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}