Jhanbi Khan
@janbi_ios
3 years ago
đŸŽ¯ đŸŽ¯ āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻļāĻŋāĻ–ā§āĻ¨ āĻ¨āĻŋāĻœā§‡ āĻ¨āĻŋāĻœā§‡ đŸŽ¯ đŸŽ¯
> āĻĒā§āĻ°āĻ¤āĻŋāĻĻāĻŋāĻ¨ āĻ†āĻŽāĻžāĻ° āĻ‡āĻ¨āĻŦāĻ•ā§āĻ¸ āĻ ā§Ģ-ā§§ā§Ļ āĻŸāĻŋ āĻŽā§‡āĻ¸ā§‡āĻœ āĻ†āĻ¸ā§‡ āĻ­āĻžāĻ‡ āĻ†āĻŽāĻŋ āĻ•āĻŋ āĻ­āĻžāĻŦā§‡ āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻĒāĻžāĻ°āĻŋ . āĻ†āĻŽāĻŋ HTML CSS āĻœāĻžāĻ¨āĻŋ āĻ¤āĻžāĻ°āĻĒāĻ° āĻ•āĻŋ āĻļāĻŋāĻ–āĻŦāĻƒ . āĻ¤āĻžāĻ‡ āĻ†āĻŽāĻžāĻ° āĻāĻ‡ āĻļāĻ°ā§āĻŸ āĻ—āĻžāĻ‡āĻĄ āĻ˛āĻžāĻ‡āĻ¨ . āĻ¸āĻŦ āĻ•āĻŋāĻ›ā§ āĻ˛āĻŋāĻ–ā§‡ āĻŦā§‹āĻœāĻžāĻ¨ā§‹ āĻ¸āĻŽā§āĻ­āĻŦ āĻ¨ā§Ÿ .
➤ āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻŋ āĻ•āĻŋ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻšāĻŦā§‡?
----------------------------
āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āĻ¨ āĻĒāĻ°āĻŋāĻĒā§āĻ°ā§‡āĻ•ā§āĻˇāĻŋāĻ¤ā§‡āĻ° āĻ‰āĻĒāĻ° āĻ¨āĻŋāĻ°ā§āĻ­āĻ° āĻ•āĻ°ā§‡ āĻŽā§‹āĻŸāĻžāĻŽā§āĻŸāĻŋ āĻ•ā§Ÿā§‡āĻ• āĻ§āĻ°āĻ¨ā§‡āĻ° āĻ˛ā§āĻ¯āĻžāĻ™ā§āĻ—ā§ā§Ÿā§‡āĻœ āĻāĻŦāĻ‚ āĻ¸ā§āĻ•ā§āĻ°āĻŋāĻĒā§āĻŸ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°ā§‡ āĻ•āĻ°āĻž āĻšā§Ÿā§‡ āĻĨāĻžāĻ•ā§‡ āĻ†āĻŦāĻžāĻ° āĻļā§āĻ°ā§āĻ¤ā§‡ āĻĢāĻŸā§‹āĻļāĻĒ āĻŦā§āĻ¯āĻžāĻŦāĻšāĻžāĻ° āĻ•āĻ°ā§‡ āĻĒā§āĻ°āĻĨāĻŽā§‡ āĻāĻŸāĻžāĻ° āĻ˜āĻŸāĻ¨ āĻ¨āĻŋāĻ°ā§āĻ§āĻžāĻ°āĻŖ āĻ•āĻ°āĻž āĻšā§Ÿā§‡ āĻĨāĻžāĻ•ā§‡āĨ¤ āĻāĻĻā§‡āĻ° āĻŽāĻ§ā§āĻ¯ā§‡ āĻŦāĻšā§āĻ˛ āĻŦā§āĻ¯āĻŦāĻšā§ƒāĻ¤ āĻ—ā§āĻ˛ā§‹ āĻ¨āĻŋāĻšā§‡ āĻ†āĻ˛ā§‹āĻšāĻ¨āĻž āĻ•āĻ°āĻž āĻšāĻ˛ –
* āĻāĻ‡āĻšāĻŸāĻŋāĻāĻŽāĻāĻ˛ (HTML))
* āĻ¸āĻŋāĻāĻ¸āĻāĻ¸ (CSS)
* āĻœāĻžāĻ­āĻžāĻ¸ā§āĻ•ā§āĻ°āĻŋāĻĒā§āĻŸ (javascript)
* āĻœā§‡āĻ•ā§ā§Ÿā§‡āĻ°āĻŋ (jQuery)
* āĻŦā§āĻŸāĻ¸ā§āĻŸā§āĻ°ā§āĻ¯āĻžāĻĒ ( Boostrap)
* PSD TO HTML
* Responsive Web āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨
āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻŋāĻ­āĻžāĻŦā§‡ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻĒāĻžāĻ°āĻŦā§‡ āĻ“ āĻ¸āĻŦāĻžāĻ° āĻĒā§ā§°āĻĨāĻŽā§‡ āĻ†āĻŽāĻžāĻ•ā§‡ āĻ•āĻŋ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻšāĻŦā§‡ . āĻ†āĻŽāĻŋ āĻ¤ā§‹ āĻœāĻžāĻ¨āĻŋ āĻ¨āĻž āĻ•āĻŋāĻ­āĻžāĻŦā§‡āĻ‡ āĻ¸ā§āĻŸā§‡āĻĒ āĻŦāĻžāĻ‡ āĻ¸ā§āĻŸā§‡āĻĒ āĻļāĻŋāĻ–āĻŦā§‹ .
â†Ēī¸ āĻ¸āĻŦāĻžāĻ° āĻĒā§āĻ°āĻĨāĻŽā§‡ HTML āĻļāĻŋāĻ–ā§āĻ¨ https://www.w3schools.com/html/default.āĻāĻ¸āĻĒāĻŋ
â†Ēī¸ HTML āĻĒāĻ° CSS āĻļāĻŋāĻ–ā§āĻ¨ https://www.w3schools.com/css/default.āĻāĻ¸āĻĒāĻŋ
â†Ēī¸ HTML CSS āĻ†āĻĒāĻ¨āĻŋ āĻœāĻ–āĻ¨ āĻļāĻŋāĻ–ā§‡ āĻ¯āĻžāĻŦā§‡āĻ¨ āĻ¤āĻ–āĻ¨ . HTML CSS āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°ā§‡ āĻ•āĻŋāĻ›ā§ āĻ›ā§‹āĻŸ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸ āĻ•āĻ°āĻ¤ā§‡ āĻļāĻŋāĻ–ā§āĻ¨ āĻ§āĻ°ā§āĻ¨ - āĻŽā§‡āĻ¨ā§ , āĻŸā§‡āĻŦāĻŋāĻ˛ , āĻĢāĻ°ā§āĻŽ , āĻĢā§€āĻšāĻžāĻ° āĻŦāĻ•ā§āĻ¸ .
â†Ēī¸ HTML CSS āĻœāĻžāĻ¨āĻžāĻ° āĻĒāĻ° āĻšā§‡āĻˇā§āĻŸāĻž āĻ•āĻ°ā§āĻ¨ āĻāĻ•āĻŸāĻŋ āĻ¸āĻŋāĻŽā§āĻĒāĻ˛ āĻ“ā§Ÿā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻ˛ā§‡āĻ†āĻ‰āĻŸ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻ°āĻ¤ā§‡ .
â†Ēī¸ HTML CSS āĻ•āĻŋāĻ›ā§ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸ āĻ•āĻ°āĻžāĻ° āĻĒāĻ° āĻāĻ–āĻ¨ āĻŦā§āĻŸāĻ¸ā§āĻŸā§āĻ°ā§āĻ¯āĻžāĻĒ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻļāĻŋāĻ–ā§āĻ¨ āĻŦā§āĻŸāĻ¸ā§āĻŸā§āĻ°ā§āĻ¯āĻžāĻĒ āĻ GRID , Row , Container , column , āĻŦā§āĻŸāĻ¸ā§āĻŸā§āĻ°ā§āĻ¯āĻžāĻĒ āĻŽā§‡āĻ¨ā§ , āĻ¸ā§āĻ˛āĻžāĻ‡āĻĄāĻžāĻ° , āĻ•āĻžāĻ°ā§āĻĄ , āĻĢāĻ°ā§āĻŽ , āĻŸā§‡āĻŦāĻŋāĻ˛ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻļāĻŋāĻ–ā§āĻ¨ . https://www.w3schools.com/bootstrap/bootstrap_ver.āĻāĻ¸āĻĒāĻŋ
â†Ēī¸ āĻŦā§āĻŸāĻ¸ā§āĻŸā§āĻ°ā§āĻ¯āĻžāĻĒ āĻ¸āĻžāĻĨā§‡ āĻŦā§‡āĻ¸āĻŋāĻ• JavaScript āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻļāĻŋāĻ–āĻ¤ā§‡ āĻšāĻŦā§‡
https://www.w3schools.com/js/default.āĻāĻ¸āĻĒāĻŋ
â†Ēī¸āĻŦā§‡āĻ¸āĻŋāĻ• āĻœāĻžāĻ­āĻžāĻ¸ā§āĻ•ā§āĻ°āĻŋāĻĒā§āĻŸ āĻļāĻŋāĻ–āĻžāĻ° āĻĒāĻ° - jQuery āĻļāĻŋāĻ–āĻ¤ā§‡ āĻļā§āĻ°ā§ āĻ•āĻ°ā§āĻ¨.
https://www.w3schools.com/jquery/default.āĻāĻ¸āĻĒāĻŋ
â†Ēī¸ HTML CSS JQUERY BOOTSTRAP āĻœāĻžāĻ¨āĻžāĻ° āĻĒāĻ° āĻšā§‡āĻˇā§āĻŸāĻž āĻ•āĻ°ā§āĻ¨ āĻāĻ•āĻŸāĻŋ āĻ¸āĻŋāĻŽā§āĻĒāĻ˛ āĻ“ā§Ÿā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻ˛ā§‡āĻ†āĻ‰āĻŸ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻ°āĻ¤ā§‡ .
â†Ēī¸ āĻŽā§‹āĻŸāĻžāĻŽā§‹āĻŸāĻŋ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ˛ā§‡āĻ†āĻ‰āĻŸ āĻŦāĻžāĻ¨āĻžāĻ¨ā§‹ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻĒāĻžāĻ°āĻ˛ā§‡ . āĻāĻ–āĻ¨ āĻœā§‡āĻ•ā§‹ā§Ÿā§‡āĻ°āĻŋ āĻĒā§āĻ˛āĻžāĻ—āĻŋāĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻļāĻŋāĻ–āĻ¤ā§‡ āĻšāĻŦā§‡ āĻ¯āĻž āĻ†āĻĒāĻ¨āĻžāĻ° āĻ“ā§Ÿā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻžāĻœ āĻ•āĻ°āĻ¤ā§‡ āĻ—ā§‡āĻ˛ā§‡ āĻ¸āĻŦ āĻ¸āĻŽā§Ÿ āĻ˛āĻžāĻ—āĻŦā§‡ āĻ¯ā§‡āĻŽāĻ¨ āĻ§āĻ°ā§āĻ¨
* slicknav ,
* owlcarouse ,
* slickslider ,
* Magnific Popup ,
* ScrollMe .
* OnePageNav
đŸŽ¯ āĻ‰āĻĒāĻ° āĻ¯āĻž āĻ˛āĻŋāĻ–āĻ˛āĻžāĻŽ āĻ†āĻĒāĻ¨āĻŋ āĻ¯āĻĻāĻŋ āĻ¸āĻŦ āĻ•āĻŋāĻ›ā§ āĻļāĻŋāĻ–ā§‡ āĻ¨āĻŋāĻ¤ā§‡ āĻĒāĻžāĻ°ā§‡āĻ¨ , āĻ¤āĻžāĻšāĻ˛ā§‡āĻ‡ āĻ†āĻĒāĻ¨āĻŋ āĻāĻ–āĻ¨ āĻ•āĻŽāĻĒā§āĻ˛āĻŋāĻŸ āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸ āĻ•āĻ°āĻ¤ā§‡ āĻšāĻŦā§‡ āĻ¤āĻžāĻ‡ āĻ¸āĻŋāĻ°āĻŋā§ŸāĻžāĻ¸ āĻ­āĻžāĻŦā§‡ . āĻ•āĻŽāĻĒā§āĻ˛āĻŋāĻŸ āĻĒā§āĻ°āĻœā§‡āĻ•ā§āĻŸ āĻļā§āĻ°ā§ āĻ•āĻ°āĻ¤ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ•ā§‡ PSD OR XD UI āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ā§‡āĻ° āĻŸā§āĻ˛ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻœāĻžāĻ¨āĻ¤ā§‡ āĻšāĻŦā§‡ . āĻ¤āĻžāĻ° āĻœāĻ¨ā§āĻ¯ Adobe āĻĢāĻŸā§‹āĻļāĻĒ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻļāĻŋāĻ–ā§āĻ¨ . PHOTOSHOP āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻ•āĻ°āĻž āĻœāĻžāĻ¨āĻ˛ā§‡ āĻāĻ–āĻ¨ āĻ—ā§āĻ—ā§āĻ˛ āĻšāĻ¤ā§‡ āĻĢā§āĻ°āĻŋ āĻĒāĻŋāĻ¸āĻĄ āĻĄāĻžāĻ‰āĻ¨āĻ˛ā§‹āĻĄ āĻ•āĻ°ā§‡ āĻ¨āĻŋāĻ¨ .**
đŸŽ¯ PSD āĻĄāĻžāĻ‰āĻ¨āĻ˛ā§‹āĻĄ āĻĒāĻ° āĻāĻ–āĻ¨ . āĻāĻ•āĻŸāĻŋ āĻ•āĻŽāĻĒā§āĻ˛āĻŋāĻŸ PSD āĻ“ā§Ÿā§‡āĻŦāĻ¸āĻžāĻ‡āĻŸ āĻ˛ā§‡āĻ†āĻ‰āĻŸāĻ•ā§‡ HTML āĻŸā§‡āĻŽā§āĻĒāĻ˛ā§‡āĻŸ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ•āĻ¨āĻ­āĻžāĻ°ā§āĻŸ āĻ•āĻ°āĻ¤ā§‡ āĻļāĻŋāĻ–ā§āĻ¨ . HTML āĻ•āĻ¨āĻ­āĻžāĻ°ā§āĻŸ āĻ•āĻ°āĻ¤ā§‡ āĻļāĻŋāĻ–ā§‡ āĻ—ā§‡āĻ˛ā§‡ . āĻāĻ–āĻ¨ āĻšā§‡āĻˇā§āĻŸāĻž āĻ•āĻ°ā§āĻ¨ āĻ•āĻŋāĻ­āĻžāĻŦā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° HTML āĻŸā§‡āĻŽā§āĻĒāĻ˛ā§‡āĻŸāĻ•ā§‡ āĻŽā§‹āĻŦāĻžāĻ‡āĻ˛ , āĻŸā§āĻ¯āĻžāĻŦ , āĻĄā§‡āĻ¸ā§āĻ•āĻŸāĻĒ āĻ¸āĻŦ āĻĄāĻŋāĻ­āĻžāĻ‡āĻ¸ āĻ , āĻ¯ā§‡āĻ¨ āĻ¸ā§āĻ¨ā§āĻĻāĻ° āĻ•āĻ°ā§‡ āĻĻā§‡āĻ–āĻž āĻ¯āĻžā§Ÿ āĻ¤āĻžāĻ° āĻœāĻ¨ā§āĻ¯ , HTML āĻŸā§‡āĻŽāĻĒā§āĻ˛ā§‡āĻŸā§‡āĻ• āĻ°ā§‡āĻ¸ā§āĻĒāĻ¨ā§āĻ¸āĻŋāĻ­ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ°ā§‚āĻĒāĻžāĻ¨ā§āĻ¤āĻ° āĻ•āĻ°ā§āĻ¨ . **
👨‍đŸĢ👨‍đŸ’ģ āĻĒāĻ°āĻŽāĻžāĻ°ā§āĻļ :- āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻļāĻŋāĻ–āĻ¤ā§‡ āĻ…āĻ¨ā§‡āĻ• āĻĒā§āĻ°āĻŦā§āĻ˛ā§‡āĻŽ āĻ“ āĻ¸āĻŽāĻ¸ā§āĻ¯āĻžāĻ° āĻ¸āĻŽā§āĻŽā§āĻ–ā§€āĻ¨ āĻšāĻ¤ā§‡ āĻĒāĻžāĻ°ā§‡āĻ¨ āĻ“ āĻ…āĻ¨ā§‡āĻ• āĻ•āĻŋāĻ›ā§ āĻ¨āĻž āĻŦā§āĻœāĻ¤ā§‡ āĻĒāĻžāĻ°ā§‡āĻ¨ . āĻ•āĻŋāĻ›ā§ āĻ¨āĻž āĻŦā§āĻœāĻ˛ā§‡ āĻ†āĻ—ā§‡ āĻ—ā§āĻ—āĻ˛ āĻ•āĻ°ā§āĻ¨ āĻ¤āĻžāĻ°āĻĒāĻ° āĻ‡āĻ‰āĻŸā§āĻŦā§‡ āĻĻā§‡āĻ–ā§āĻ¨ . āĻ†āĻŽāĻžāĻ° āĻ•āĻŋ āĻ•āĻ°āĻŋ āĻ•āĻŋāĻ›ā§ āĻ¨āĻž āĻĒāĻžāĻ°āĻ˛ā§‡ āĻ“ āĻŦā§āĻœāĻ˛ā§‡ āĻ—ā§āĻ°ā§āĻĒ āĻ āĻĒā§‹āĻ¸ā§āĻŸāĻŋ āĻ•āĻ°āĻŋ . āĻ†āĻ—ā§‡ āĻ¨āĻŋāĻœā§‡āĻ° āĻšā§‡āĻˇā§āĻŸāĻž āĻ•āĻ°āĻ¤ā§‡ āĻšāĻŦā§‡ āĻ¤āĻžāĻ°āĻĒāĻ° āĻ¤ā§‹ āĻ—ā§āĻ°ā§āĻĒ .
👨‍đŸĢ👨‍đŸ’ģ āĻ•āĻŋāĻ›ā§ āĻ•āĻĨāĻž :- āĻ†āĻŽāĻžāĻ° āĻāĻ‡ āĻļāĻ°ā§āĻŸ āĻ“ā§Ÿā§‡āĻŦ āĻĄāĻŋāĻœāĻžāĻ‡āĻ¨ āĻ—āĻžāĻ‡āĻĄ āĻ˛āĻžāĻ‡āĻ¨ āĻŸāĻŋ āĻ†āĻŽāĻžāĻ° āĻ¨āĻŋāĻœā§‡āĻ° āĻŽāĻ¤ āĻ•āĻ°ā§‡ āĻ˛āĻŋāĻ–āĻž . āĻšā§ŸāĻ¤ā§‹ āĻ…āĻ¨ā§‡āĻ•ā§‡āĻ° āĻ•āĻžāĻ›ā§‡ āĻ­āĻžāĻ˛ āĻ¨āĻž āĻ˛āĻžāĻ—āĻ¤ā§‡ āĻĒāĻžāĻ°ā§‡ . āĻ­āĻžāĻ˛ āĻ¨āĻž āĻ˛āĻžāĻ—āĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŽā§‚āĻ˛āĻŦāĻžāĻ¨ āĻŽāĻ¨ā§āĻ¤āĻŦāĻƒ āĻĻāĻŋāĻŦā§‡āĻ¨ āĻŦāĻžāĻāĻœā§‡ āĻ•ā§‹āĻ¨ āĻ•āĻŽā§‡āĻ¨ā§āĻŸ āĻ•āĻ°ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ° āĻŦāĻ‚āĻļā§‡āĻ° āĻĒāĻ°āĻŋāĻšā§Ÿ āĻĻāĻŋāĻŦā§‡āĻ¨ āĻ¨āĻž .

15 15

  

0

  

Tip