لو انت من الناس اللي بتحب الكتب
الموقع دة كنز
مش زي مواقع كتير مليانة كتب لكن ملهاش فايدة
هو فيه كتاب لكل لغة تقريبا لكن كتاب احترافي فيه الخلاصة اللي انت عاوزها وبتعمق ولو عشت معاه شوية هتبقى محترف باذن الله
والكتب مجانية
https://goalkicker.com/
@codedevelopment
الموقع دة كنز
مش زي مواقع كتير مليانة كتب لكن ملهاش فايدة
هو فيه كتاب لكل لغة تقريبا لكن كتاب احترافي فيه الخلاصة اللي انت عاوزها وبتعمق ولو عشت معاه شوية هتبقى محترف باذن الله
والكتب مجانية
https://goalkicker.com/
@codedevelopment
Goalkicker
Free Programming Books; HTML5, CSS3, JavaScript, PHP, Python...
Free Programming Books on Android development, C, C#, CSS, HTML5, iOS development, Java, JavaScript, PowerShell, PHP, Python, SQL Sever and more
This media is not supported in your browser
VIEW IN TELEGRAM
عمل حقل لكتابه رساله واستخدام
read anly
لقراءه مافي الحقل فقط
ملحوظه
cols="30"
rows="6"
عدد الاعمده
#html
@codedevelopment
read anly
لقراءه مافي الحقل فقط
ملحوظه
cols="30"
rows="6"
عدد الاعمده
#html
@codedevelopment
Web Development Code
عمل حقل لكتابه رساله واستخدام read anly لقراءه مافي الحقل فقط ملحوظه cols="30" rows="6" عدد الاعمده #html @codedevelopment
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<fieldset>
<legend>Information</legend>
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
</fieldset>
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<fieldset>
<legend>Your Choose</legend>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
</fieldset>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<fieldset>
<legend>Information</legend>
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
</fieldset>
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<fieldset>
<legend>Your Choose</legend>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
</fieldset>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
تاج select:
يكتب هكذا <select></select>
وداخله نضع خيارات عبر تاج <option>
ويكتب هكذا <optipn></option>
تستطيع ادخال اكثر من option
مثال:
<select>
<option>Html</option>
<option>css</option>
<option>javascript</option>
</select>
#html
@codedevelopment
يكتب هكذا <select></select>
وداخله نضع خيارات عبر تاج <option>
ويكتب هكذا <optipn></option>
تستطيع ادخال اكثر من option
مثال:
<select>
<option>Html</option>
<option>css</option>
<option>javascript</option>
</select>
#html
@codedevelopment
This media is not supported in your browser
VIEW IN TELEGRAM
استخدام تاج
select
select
Web Development Code
استخدام تاج select
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<fieldset>
<legend>Information</legend>
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
</fieldset>
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<fieldset>
<legend>Your Choose</legend>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
</fieldset>
<select name="time">
<option value="">Now</option>
<option value="">Tomorrow</option>
<option value="">After A Week</option>
</select>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
#html
@codedevelopment
<html>
<head>
<title>test</title>
<style>
</style>
</head>
<body>
<form name="register">
<fieldset>
<legend>Information</legend>
<label><!--تسميه حقل الادخال-->
Username
</label>
<input type="text" name="username" placeholder="type your name" ><!--المدخلات-->
<br>
<label><!--تسميه حقل الادخال-->
Password
</label>
<input type="password" name="password" placeholder="type your pass" ><!--المدخلات-->
</fieldset>
<br>
<label>Your Message</label> <br>
<textarea cols="30" rows="6" readonly>your name : nour </textarea>
<br>
<label>Upload your file</label>
<input type="file">
<br>
<input type="checkbox">
<label>Remember name</label>
<br>
<fieldset>
<legend>Your Choose</legend>
<label>Choose your browser</label>
<br>
<input type="radio" name="browser" value="Chrome">Google Chrome <br>
<input type="radio" name="browser" value="FireFox">Mozila FireFox <br>
<input type="radio" name="browser" value="Opera">Opera <br>
<br>
</fieldset>
<select name="time">
<option value="">Now</option>
<option value="">Tomorrow</option>
<option value="">After A Week</option>
</select>
<input type="submit" value="sing up">
<input type="reset">
</form>
</body>
</html>
#html
@codedevelopment
This media is not supported in your browser
VIEW IN TELEGRAM
اضافه disabled
This media is not supported in your browser
VIEW IN TELEGRAM
ويمكن استخدمها ف شئ اخر
Free Web Development Resources
Learning Platforms:
⧩ freecodecamp.org
⧩ codecademy.com
⧩ javascript30.com
⧩ frontendmentor.io
⧩ testautomationu.applitools.com
⧩ coursera.org
⧩ khanacademy.org
⧩ sololearn.com
Free Hosting:
⧩ netlify.com
⧩ firebase.google.com
⧩ aws.amazon.com
⧩ heroku.com
⧩ pages.github.com
⧩ vercel.com
⧩ surge.sh
⧩ render.com
⧩ docs.gitlab.com/ee/user/project/pages
Coding Challenge Platforms:
⧩ codewars.com
⧩ topcoder.com
⧩ codingame.com
⧩ hackerrank.com
⧩ projecteuler.net
⧩ coderbyte.com
⧩ codechef.com
⧩ exercism.io
⧩ leetcode.com
⧩ spoj.com
Freelancing platforms:
📌 toptal.com
📌 upwork.com
📌 freelancer.com
📌 peopleperhour.com
📌 simplyhired.com
📌 envato.com
📌 guru.com
📌 fiverr.com
📌 hireable.com
📌 6nomads.com
List of websites to find remote jobs:
📌 flexjobs.com
📌 remote.co/remote-jobs
📌 justremote.co
📌 weworkremotely.com
📌 remoteok.io
📌 jobspresso.co
📌 europeremotely.com
📌 wfh.io
Photos:
📷 unsplash.com
📷 pixabay.com
📷 pexels.com
Illustrations:
⧩ undraw.co/illustrations
⧩ drawkit.io
⧩ icons8.com/ouch
⧩ iradesign.io
⧩ interfacer.xyz
⧩ blush.design
Icons:
⧩ fontawesome.com
⧩ flaticon.com
⧩ icons8.com
⧩ material.io/resources/icons
⧩ iconmonstr.com
Fonts:
✍️ fonts.google.com
✍️ fontspace.com
✍️ 1001fonts.com
✍️ fontsquirrel.com
Youtube Channels:
🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind
Podcasts:
🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web
Code Editors:
🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim
Color Palettes:
🎨 coolors.co
🎨 colorhunt.co
🎨 paletton.com
🎨 color-hex.com
🎨 mycolor.space
UI Inspiration:
⧩ uimovement.com
⧩ uigarage.net
⧩ collectui.com
⧩ httpster.net
Docs:
🔥 developer.mozilla.org
🔥 w3schools.com
🔥 w3docs.com
🔥 devdocs.io
🔥 free-for.dev
##Animation Libraries:
⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js
Charts / Data Visualization:
📊 Chart.js
📊 D3.js
📊 three.js
Chrome Extensions:
🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator
Website Optimization Tools:
⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow
Learning Platforms:
⧩ freecodecamp.org
⧩ codecademy.com
⧩ javascript30.com
⧩ frontendmentor.io
⧩ testautomationu.applitools.com
⧩ coursera.org
⧩ khanacademy.org
⧩ sololearn.com
Free Hosting:
⧩ netlify.com
⧩ firebase.google.com
⧩ aws.amazon.com
⧩ heroku.com
⧩ pages.github.com
⧩ vercel.com
⧩ surge.sh
⧩ render.com
⧩ docs.gitlab.com/ee/user/project/pages
Coding Challenge Platforms:
⧩ codewars.com
⧩ topcoder.com
⧩ codingame.com
⧩ hackerrank.com
⧩ projecteuler.net
⧩ coderbyte.com
⧩ codechef.com
⧩ exercism.io
⧩ leetcode.com
⧩ spoj.com
Freelancing platforms:
📌 toptal.com
📌 upwork.com
📌 freelancer.com
📌 peopleperhour.com
📌 simplyhired.com
📌 envato.com
📌 guru.com
📌 fiverr.com
📌 hireable.com
📌 6nomads.com
List of websites to find remote jobs:
📌 flexjobs.com
📌 remote.co/remote-jobs
📌 justremote.co
📌 weworkremotely.com
📌 remoteok.io
📌 jobspresso.co
📌 europeremotely.com
📌 wfh.io
Photos:
📷 unsplash.com
📷 pixabay.com
📷 pexels.com
Illustrations:
⧩ undraw.co/illustrations
⧩ drawkit.io
⧩ icons8.com/ouch
⧩ iradesign.io
⧩ interfacer.xyz
⧩ blush.design
Icons:
⧩ fontawesome.com
⧩ flaticon.com
⧩ icons8.com
⧩ material.io/resources/icons
⧩ iconmonstr.com
Fonts:
✍️ fonts.google.com
✍️ fontspace.com
✍️ 1001fonts.com
✍️ fontsquirrel.com
Youtube Channels:
🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind
Podcasts:
🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web
Code Editors:
🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim
Color Palettes:
🎨 coolors.co
🎨 colorhunt.co
🎨 paletton.com
🎨 color-hex.com
🎨 mycolor.space
UI Inspiration:
⧩ uimovement.com
⧩ uigarage.net
⧩ collectui.com
⧩ httpster.net
Docs:
🔥 developer.mozilla.org
🔥 w3schools.com
🔥 w3docs.com
🔥 devdocs.io
🔥 free-for.dev
##Animation Libraries:
⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js
Charts / Data Visualization:
📊 Chart.js
📊 D3.js
📊 three.js
Chrome Extensions:
🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator
Website Optimization Tools:
⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow
Gitlab
GitLab Pages | GitLab Docs
Static site hosting, documentation publishing, project websites, and custom domains.