7 Top JavaScript Frameworks and Technologies Trends for 2021
JavaScript has always been one of the best programming languages over the years. It is a multi-paradigm language that encourages event-driven, imperative (including object-oriented and prototype-based), functional programming styles.
Initially, JavaScript was only used for the Client-side, but thanks to Node.js, it is now also used as a server-side programming language. In simple words, JavaScript is the language of the web. JavaScript frameworks are an essential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications.
While googling "Top JavaScript Frameworks", you’ll come across various JavaScript frameworks, each with its own advantages and usage.
Here we bring Top JavaScript Frameworks and Technologies Trends for 2021.
Click the link and find out the best #JavaScriptFrameworks for #FrontEnd, #backend,and #Testing https://lnkd.in/dGSRYVS
#javascript #html
JavaScript has always been one of the best programming languages over the years. It is a multi-paradigm language that encourages event-driven, imperative (including object-oriented and prototype-based), functional programming styles.
Initially, JavaScript was only used for the Client-side, but thanks to Node.js, it is now also used as a server-side programming language. In simple words, JavaScript is the language of the web. JavaScript frameworks are an essential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications.
While googling "Top JavaScript Frameworks", you’ll come across various JavaScript frameworks, each with its own advantages and usage.
Here we bring Top JavaScript Frameworks and Technologies Trends for 2021.
Click the link and find out the best #JavaScriptFrameworks for #FrontEnd, #backend,and #Testing https://lnkd.in/dGSRYVS
#javascript #html
Style Elements using JavaScript HTML | infographic
The HTML DOM allows JavaScript to change the style of HTML elements. To change the style of an HTML element, use this syntax:
https://www.linkedin.com/posts/mglnaj_js-javascript-style-activity-6844260689830408192-UQp3?utm_source=linkedin_share&utm_medium=android_app
#js #javascript #style #elements #html #css
The HTML DOM allows JavaScript to change the style of HTML elements. To change the style of an HTML element, use this syntax:
https://www.linkedin.com/posts/mglnaj_js-javascript-style-activity-6844260689830408192-UQp3?utm_source=linkedin_share&utm_medium=android_app
#js #javascript #style #elements #html #css
🎖 Company: #PETABAYTE
Job Title: #Front End Developer.
Job Type: #Full_Time or #remotely
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Front End developer.
📝Required skills:
- Excellent knowledge in React js
- 2+ Years of experience Front End
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FE-3.
ملاحظة:نحن غير مسؤولين عن أي التزامات للشركة وإنما فقط قمنا بنشر الإعلان
#فرص_عمل
Job Title: #Front End Developer.
Job Type: #Full_Time or #remotely
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Front End developer.
📝Required skills:
- Excellent knowledge in React js
- 2+ Years of experience Front End
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FE-3.
ملاحظة:نحن غير مسؤولين عن أي التزامات للشركة وإنما فقط قمنا بنشر الإعلان
#فرص_عمل
👍1
🎈اذا عندك مشكلة باختيار حجم الخطوط ووحدات قياسها هذا الموقع راح يفيدك يعرض لك الخط وحجمه بجميع القياسات px,rem يخلي حجم الخط متناسق مع الشاشة 😍
مفيد جدا لمطورين الويب وتقدر تستخدمه مع HTML / CSS 👌
https://type-scale.com/ #css #html
مفيد جدا لمطورين الويب وتقدر تستخدمه مع HTML / CSS 👌
https://type-scale.com/ #css #html
Typescale
Typescale - Create stunning typography, generate CSS, and find inspiration.
👍8
💎 Company: #sawaftech
💎 Job title: Senior CMS Developer for WordPress & Magento Platforms
💎 Job Location: Remote work
💎 Job Tybe: Full Time
We are looking to hire a skilled creative #WordPress and #Magento developer to design and implement attractive and functional websites.
You will be responsible for both back-end and front-end development including the implementation of themes and plugins as well as site integration and security updates.
📝 Qualifications and Requirements:
• Bachelor’s degree in Computer Science or equivalent experience.
• +2 years experience in installing and developing websites using WordPress, Magento, and/or other platforms including plugins, modules, and themes.
• +3 years experience in #PHP (7.x)+.
• Excellent experience with front ends including (#HTML, #CSS, #JS).
• Experience in #Git source control.
• Experience in server maintenance and patch installations.
• Good understanding of #SEO principles, responsive web designs.
• Organizational and time-management skills.
• Good understanding of website architecture and aesthetics..
📝 Responsibilities:
● Designing and implementing new features and functionality
● Develop custom plugins, modules, and themes.
● Ensuring high-performance and availability, and managing all technical aspects of the CMS
● Troubleshooting technical issues.
📮 Apply form here: https://sawaftech.com/jobs/senior-cms-developer-for-wordpress-magento-platforms/
#فرص_عمل
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉 https://t.me/Mohmmadnajjar
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ #Hiring
#jobseekers #jobseeker #interview #covid #education #recruiter #jobsearching #hiringnow #employmentopportunities #vacancy
💎 Job title: Senior CMS Developer for WordPress & Magento Platforms
💎 Job Location: Remote work
💎 Job Tybe: Full Time
We are looking to hire a skilled creative #WordPress and #Magento developer to design and implement attractive and functional websites.
You will be responsible for both back-end and front-end development including the implementation of themes and plugins as well as site integration and security updates.
📝 Qualifications and Requirements:
• Bachelor’s degree in Computer Science or equivalent experience.
• +2 years experience in installing and developing websites using WordPress, Magento, and/or other platforms including plugins, modules, and themes.
• +3 years experience in #PHP (7.x)+.
• Excellent experience with front ends including (#HTML, #CSS, #JS).
• Experience in #Git source control.
• Experience in server maintenance and patch installations.
• Good understanding of #SEO principles, responsive web designs.
• Organizational and time-management skills.
• Good understanding of website architecture and aesthetics..
📝 Responsibilities:
● Designing and implementing new features and functionality
● Develop custom plugins, modules, and themes.
● Ensuring high-performance and availability, and managing all technical aspects of the CMS
● Troubleshooting technical issues.
📮 Apply form here: https://sawaftech.com/jobs/senior-cms-developer-for-wordpress-magento-platforms/
#فرص_عمل
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉 https://t.me/Mohmmadnajjar
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ #Hiring
#jobseekers #jobseeker #interview #covid #education #recruiter #jobsearching #hiringnow #employmentopportunities #vacancy
👍4
We are hiring!
Location: #Damascus
Job Title: #front-end web development (react.js).
Responsibilities:
• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Familiarity with browser testing and debugging
• Developing and implementing highly responsive user interface components using react concepts.
• Writing application interface codes using JavaScript following react.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.
Requirements:
• Previous 2~3 years experience working as a React.js developer.
• In-depth knowledge of JavaScript, Typescript, CSS, and HTML.
• In-depth knowledge of Next JS.
• Knowledge of REACT tools including Webpack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Excellent troubleshooting skills.
• Proficient in code versioning tools including, Git.
• The ability to understand existing code, fix bugs and add new features.
• Bachelor’s degree in computer science, information technology, or a similar field.
How to Apply:
- Please send your CV and why you want to work with us to
hr@iris-ux.com and Whatsapp: +963943408140
- Please mention the job title (FrontEndDev) in the subject of the email. Emails without subjects will not be considered.
#hiring #frontend #React #js #softwaredevelopment #CSS #Git #HTML #JavaScript
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
Location: #Damascus
Job Title: #front-end web development (react.js).
Responsibilities:
• Meeting with the development team to discuss user interface ideas and applications.
• Reviewing application requirements and interface designs.
• Identifying web-based user interactions.
• Familiarity with browser testing and debugging
• Developing and implementing highly responsive user interface components using react concepts.
• Writing application interface codes using JavaScript following react.js workflows.
• Troubleshooting interface software and debugging application codes.
• Developing and implementing front-end architecture to support user interface concepts.
• Monitoring and improving front-end performance.
• Documenting application changes and developing updates.
Requirements:
• Previous 2~3 years experience working as a React.js developer.
• In-depth knowledge of JavaScript, Typescript, CSS, and HTML.
• In-depth knowledge of Next JS.
• Knowledge of REACT tools including Webpack, Enzyme, Redux, and Flux.
• Experience with user interface design.
• Excellent troubleshooting skills.
• Proficient in code versioning tools including, Git.
• The ability to understand existing code, fix bugs and add new features.
• Bachelor’s degree in computer science, information technology, or a similar field.
How to Apply:
- Please send your CV and why you want to work with us to
hr@iris-ux.com and Whatsapp: +963943408140
- Please mention the job title (FrontEndDev) in the subject of the email. Emails without subjects will not be considered.
#hiring #frontend #React #js #softwaredevelopment #CSS #Git #HTML #JavaScript
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
👍5❤2😁1
💎Company: #flexsolution
Job Title: #Back-end Developer
We are looking for Back-end developer to join our team!
If you have outstanding Development skills and a great passion for developing applications, then this job is for you!
As a Back-end Developer, you will be responsible for the server-side web applications, with basic understanding of front-end is necessary as well.
✅Requirements and qualifications:
• BA degree in Computer Science or similar relevant field.
• Experience with #PHP programming language.
• Good knowledge of any #MVC PHP framework (Yii is preferred).
• Good knowledge in #English.
• Good knowledge in System #Analysis.
• Familiar with #HTML, #CSS and JavaScript and their Framework
• Critical thinker and problem-solving skills
• Team player
• Good organizational and time-management skills
📮send your cv to : hr@flexsolution.biz
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
Job Title: #Back-end Developer
We are looking for Back-end developer to join our team!
If you have outstanding Development skills and a great passion for developing applications, then this job is for you!
As a Back-end Developer, you will be responsible for the server-side web applications, with basic understanding of front-end is necessary as well.
✅Requirements and qualifications:
• BA degree in Computer Science or similar relevant field.
• Experience with #PHP programming language.
• Good knowledge of any #MVC PHP framework (Yii is preferred).
• Good knowledge in #English.
• Good knowledge in System #Analysis.
• Familiar with #HTML, #CSS and JavaScript and their Framework
• Critical thinker and problem-solving skills
• Team player
• Good organizational and time-management skills
📮send your cv to : hr@flexsolution.biz
-------------------
أصبح بإمكانكم متابعة كل جديد على قناة التلغرام:
👉@mglnaj
#فرصة_عمل
للتواصل
👉🏻@Mohmmadnajjar
#فرص_عمل
#MGLNaJ
❤2
🔴Company: #Smart_Soft
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
📝Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
⛳️Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
📫- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
📝Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
⛳️Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
📫- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
👍5
We are hiring!
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
Location: #Damascus_Mazzeh
Job Title: #Senior #BackEnd
Job Type: #Full_time
Responsibilities:
- Develop web applications and web APIs.
- Working as a back-end engineer.
- Design and develop state-of-the-art web applications.
- Work as part of a team.
Qualifications:
- Strong experience (4+ years is a plus) in .NET framework and database design and management.
- Excellent knowledge of #C# and Entity Framework.
- Familiar with #Git.
- Excellent troubleshooting and communication skills.
- Have programming skills, #OOP, and Design Patterns.
- Knowledge of microservices architecture, Docker is a plus
- Basic front-end technologies such as #HTML, #CSS, #JS is a plus.
- Knowledge of #Agile, #Scrum & #Jira is a plus.
Benefits:
- Competitive salary.
- Optional home office (20% of your working time).
- We evaluate employee achievements/performance every six months. This means that there is a possibility of getting promoted every six months.
- Health insurance
- Please send your CV and why you want to work with us to hr@smartsoft.sy
- Please mention the job title (BackEnd) in the subject of the email. Emails without subjects will not be considered.
❤3👍2
🟡 Job Title: #Full stack Developer.
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
❤1
Job Title: Senior Full-stack Engineer
Job Type: #On_Site - #Full_time- 5 days a week - 8 hours
Department/Category: Development/Web
Reports to: Scrum Master
Commitment: Yearly contract
No. of Vacancies: 2
Requirements
• Bachelor/Diploma in Computer Science/ information technology.
• 3+ years of proven experience as a full stack developer or similar role.
• Proficiency with #PHP and #MySQL for the development of web applications.
• Proficiency with fundamental front-end languages such as #HTML, #CSS, #JavaScript, and #JQuery.
• Excellent knowledge of #OOP concepts.
• Excellent knowledge of #Symfony Concepts (Doctrine #ORM, and #Twig Template Engine)
• Excellent knowledge in high-scale #eCommerce projects.
• Strong skills in debugging and solid ability in quickly reading and modifying code.
• Strong understanding of software lifecycle from requirements to user acceptance testing.
• Acceptable knowledge in open source frameworks OSCommerce, XCart, and Zen cart. (is a plus*)
https://tradinos.com/vacancy/Senior-Full-stack-Engineer-1?fbclid=IwAR1RJ0DDYU6RRvhCgmDjoGJw4UNW0zxUBy-ao4GB1OeSfduf4gVGM9pgunM
Job Type: #On_Site - #Full_time- 5 days a week - 8 hours
Department/Category: Development/Web
Reports to: Scrum Master
Commitment: Yearly contract
No. of Vacancies: 2
Requirements
• Bachelor/Diploma in Computer Science/ information technology.
• 3+ years of proven experience as a full stack developer or similar role.
• Proficiency with #PHP and #MySQL for the development of web applications.
• Proficiency with fundamental front-end languages such as #HTML, #CSS, #JavaScript, and #JQuery.
• Excellent knowledge of #OOP concepts.
• Excellent knowledge of #Symfony Concepts (Doctrine #ORM, and #Twig Template Engine)
• Excellent knowledge in high-scale #eCommerce projects.
• Strong skills in debugging and solid ability in quickly reading and modifying code.
• Strong understanding of software lifecycle from requirements to user acceptance testing.
• Acceptable knowledge in open source frameworks OSCommerce, XCart, and Zen cart. (is a plus*)
https://tradinos.com/vacancy/Senior-Full-stack-Engineer-1?fbclid=IwAR1RJ0DDYU6RRvhCgmDjoGJw4UNW0zxUBy-ao4GB1OeSfduf4gVGM9pgunM
👍4
منقول من صفحة المهندس احمد صابر
لو عاوز تعمل responsive design يscale معاك مهما عدلت على الhtml code ، كمل قراءة للاخر
0️⃣ لو هتعمل ديزاين محتاج customization كتير ، متستخدمش bootstrap او اى component library تانية ، فكر فى Tailwindcss او اى شئ مشابه
1️⃣ لو عاوز تغير مكان اى element و لو بمقدار ١ بكسل ، حاول استخدام الخواص التالية بالترتيب (اخر واحدة فيهم ، حاول تجنبها بقدر المستطاع ، استخدمها لو كل اللى قبلها مش هيساعدوك)
flex
grid
margin
padding
transform
position
2️⃣ لو عاوز تسيب مسافة بين مجموعة من العناصر سواء معروضة افقيا او رأسيا او فى البعدين ، استخدم gap و ابعد تماما عن margin او padding
3️⃣ لو عاوز تعرض عدة عناصر فى صف او عمود ، استخدم flex ، بلاش inline او grid
4️⃣ لو عاوز تعرض عدة عناصر فى بعدين (صفوف و اعمدة) استخدم flex ، اه بلاش grid ☺️
5️⃣ لو عاوز تعرض العناصر بحجم مختلف فى بعدين بحيث كلهم يكونوا داخل div واحد بشكل مباشر ، استخدم grid
6️⃣ لو تقدر تستخدم % او vw او vh ، مش لازم تستخدم px
7️⃣ تجنب ال media queries الكتير جدا ، و حاول بقدر الامكان تخلى الديزاين بينزل تحت بعضه لواحده ، فى خواص تقدر تساعدك فى الموضوع دا زى
flex-wrap
flex
و functions زى
min
max
clamp
calc
8️⃣ الdiv اللى لو زاد فى الطول هيبوظ الديزاين ، صلحه لكن بلاش fixed height ، و لو الامر ضرورى متنساش ال overflow
9️⃣ ال body scroll على المستوى الافقى ، مش بيتحل ب overflow-x hidden ، حدد سبب المشكلة و صغر عرضه
🔟 بلاش ابداع فى ال z-index و توصل للملايين ، هتعرف السبب لما تبقى بانى كل حاجة
999999
999998
...
و تحتاج تحط حاجة بحيث تكون فوق احدهم و تحت الباقى ، بالتالى بقيت محتاج تغير الباقى
⬅️ دايما بص للديزاين انه ممكن يتغير فى المستقبل ، ممكن نحذف حاجة من الصفحة او نضيف غيرها ، فهل هيفضل ظاهر بشكل كويس ولا هنحتاج نعدل الcss كل مرة نعمل تعديل بسيط ؟
⬅️ مش مطلوب منك تخلى الديزاين مناسب للديسكتوب و التابلت و الموبايل ، بل ايضا كل الشاشات الموجودة بينهم
⬅️ مش بنحدد ال media query break points بالبركة ، و لكن بنصغر الشاشة لغاية ما نلاقى عنصر بدء يبوظ ، ف نستخدم عرض الشاشة دى ك احد ال break points بتاعتنا
⬅️ بنوصل لل ٣٢٠ بكسل عادى ، و نضمن ان تحتهم كل حاجة هتكون ماشية بنفس التدفق حتى لو هتبدء تبوظ بس تكون بنفس الحالة
◀️ انا بفضل استخدام sticky للنافبار ، و fixed لل floating buttons
◀️ بفضل الflex عن الgrid
◀️ بفضل تجنب استخدام الmedia queries بشكل تام إن امكن
🛑 مش بفضل تكرار كود html واحد لكل شاشة ، و اظهر احدهم و اخفى التانى على حسب عرض الشاشة
🛑 مش بفضل استخدام bootstrap
🛑 مش بفضل استخدام transitions بتحصل على مساحة كبيرة
🛑 مش بفضل استخدم ال classes المربوطة ب جافاسكريبت عشان اعمل style لعنصر
🔵 برشح تعلم css بشكل سليم حتى لو المكتبات بتسهل عليك الامر
🔴 مش برشح استخدام مكتبات كتير لل styling
🔴 مش برشح تعلم مكتبات كتير لل styling
"موقع ريسبونسيف فى الcv افضل من ١٠ مواقع ديسكتوب بس"
#html #css #webdesign #ahmed0saber
لو عاوز تعمل responsive design يscale معاك مهما عدلت على الhtml code ، كمل قراءة للاخر
0️⃣ لو هتعمل ديزاين محتاج customization كتير ، متستخدمش bootstrap او اى component library تانية ، فكر فى Tailwindcss او اى شئ مشابه
1️⃣ لو عاوز تغير مكان اى element و لو بمقدار ١ بكسل ، حاول استخدام الخواص التالية بالترتيب (اخر واحدة فيهم ، حاول تجنبها بقدر المستطاع ، استخدمها لو كل اللى قبلها مش هيساعدوك)
flex
grid
margin
padding
transform
position
2️⃣ لو عاوز تسيب مسافة بين مجموعة من العناصر سواء معروضة افقيا او رأسيا او فى البعدين ، استخدم gap و ابعد تماما عن margin او padding
3️⃣ لو عاوز تعرض عدة عناصر فى صف او عمود ، استخدم flex ، بلاش inline او grid
4️⃣ لو عاوز تعرض عدة عناصر فى بعدين (صفوف و اعمدة) استخدم flex ، اه بلاش grid ☺️
5️⃣ لو عاوز تعرض العناصر بحجم مختلف فى بعدين بحيث كلهم يكونوا داخل div واحد بشكل مباشر ، استخدم grid
6️⃣ لو تقدر تستخدم % او vw او vh ، مش لازم تستخدم px
7️⃣ تجنب ال media queries الكتير جدا ، و حاول بقدر الامكان تخلى الديزاين بينزل تحت بعضه لواحده ، فى خواص تقدر تساعدك فى الموضوع دا زى
flex-wrap
flex
و functions زى
min
max
clamp
calc
8️⃣ الdiv اللى لو زاد فى الطول هيبوظ الديزاين ، صلحه لكن بلاش fixed height ، و لو الامر ضرورى متنساش ال overflow
9️⃣ ال body scroll على المستوى الافقى ، مش بيتحل ب overflow-x hidden ، حدد سبب المشكلة و صغر عرضه
🔟 بلاش ابداع فى ال z-index و توصل للملايين ، هتعرف السبب لما تبقى بانى كل حاجة
999999
999998
...
و تحتاج تحط حاجة بحيث تكون فوق احدهم و تحت الباقى ، بالتالى بقيت محتاج تغير الباقى
⬅️ دايما بص للديزاين انه ممكن يتغير فى المستقبل ، ممكن نحذف حاجة من الصفحة او نضيف غيرها ، فهل هيفضل ظاهر بشكل كويس ولا هنحتاج نعدل الcss كل مرة نعمل تعديل بسيط ؟
⬅️ مش مطلوب منك تخلى الديزاين مناسب للديسكتوب و التابلت و الموبايل ، بل ايضا كل الشاشات الموجودة بينهم
⬅️ مش بنحدد ال media query break points بالبركة ، و لكن بنصغر الشاشة لغاية ما نلاقى عنصر بدء يبوظ ، ف نستخدم عرض الشاشة دى ك احد ال break points بتاعتنا
⬅️ بنوصل لل ٣٢٠ بكسل عادى ، و نضمن ان تحتهم كل حاجة هتكون ماشية بنفس التدفق حتى لو هتبدء تبوظ بس تكون بنفس الحالة
◀️ انا بفضل استخدام sticky للنافبار ، و fixed لل floating buttons
◀️ بفضل الflex عن الgrid
◀️ بفضل تجنب استخدام الmedia queries بشكل تام إن امكن
🛑 مش بفضل تكرار كود html واحد لكل شاشة ، و اظهر احدهم و اخفى التانى على حسب عرض الشاشة
🛑 مش بفضل استخدام bootstrap
🛑 مش بفضل استخدام transitions بتحصل على مساحة كبيرة
🛑 مش بفضل استخدم ال classes المربوطة ب جافاسكريبت عشان اعمل style لعنصر
🔵 برشح تعلم css بشكل سليم حتى لو المكتبات بتسهل عليك الامر
🔴 مش برشح استخدام مكتبات كتير لل styling
🔴 مش برشح تعلم مكتبات كتير لل styling
"موقع ريسبونسيف فى الcv افضل من ١٠ مواقع ديسكتوب بس"
#html #css #webdesign #ahmed0saber
❤4⚡4👍4
📊Job Title: #Full stack Developer.
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
💈Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
Job Type: #Full_Time only
Location: #Damascus.
We are hiring! Our company is happy to announce its need for Full stack developer.
💈Required skills:
- Excellent knowledge in codeigniter & Larvel
- 2+ Years of experience Full stack
- Excellent knowledge in #HTML, #CSS, #JS and #PHP .
- Excellent with Git.
- Excellent troubleshooting and communication skills.
- Knowledge in Agile, Scrum is a plus.
📮Please send us your CV, code samples, and previous project on the following mail: career@petabayte.com
With subject: FS-1
👍2
😎 Graphic Designer
Company: Media Explode
Location: 🌍 Anywhere
Level: Senior, Junior, Lead
#full_time #part_time
Category: Design & Art
Tags: #graphic_designer #graphic #uiux #ux_design #html
👉 ( Job Description & Apply ) 👈️
Company: Media Explode
Location: 🌍 Anywhere
Level: Senior, Junior, Lead
#full_time #part_time
We are looking for talented graphic designers to add to our list of staff.Category: Design & Art
Tags: #graphic_designer #graphic #uiux #ux_design #html
👉 ( Job Description & Apply ) 👈️
cleverjobs.net
Graphic Designer - Remote
We are looking for talented graphic designers to add to our list of staff.