دسته‌بندی نشده – طراحی سایت، ربات تلگرام و راهکارهای هوش مصنوعی | پشتیبانی 24 ساعته | مشاوره رایگان | Piero.ir

آموزش ریاضی برای هوش مصنوعی (پیش‌نیازهای ریاضی یادگیری ماشین)

پیروز جنابی — Mon, 10 Nov 2025 12:24:04 +0000

چرا آموزش ریاضی برای هوش مصنوعی (پیش‌نیازهای ریاضی یادگیری ماشین) حیاتی است؟

اگر بخواهیم تنها یک زبان برای برقراری ارتباط بین انسان و هوش مصنوعی انتخاب کنیم، آن زبان بدون شک ریاضیات است. الگوریتم‌های یادگیری ماشین، از مدل‌های ساده رگرسیون خطی تا شبکه‌های عصبی عمیق، همگی بر پایه مفاهیم ریاضی ساخته شده‌اند.
در واقع، بدون درک مفاهیم ریاضی، درک واقعی از نحوه تصمیم‌گیری مدل‌های یادگیری ماشین غیرممکن است.

در این مطلب از piero.ir به‌صورت گام‌به‌گام پیش‌نیازهای ریاضی یادگیری ماشین را بررسی می‌کنیم و توضیح می‌دهیم چرا تسلط بر این مباحث برای افرادی که قصد ادامه تحصیل در رشته‌های هوش مصنوعی در خارج از کشور دارند، ضروری است.

جبر خطی — قلب تپنده یادگیری ماشین

هر مدل یادگیری ماشین، داده‌ها را در قالب ماتریس‌ها و بردارها پردازش می‌کند. از وزن‌های مدل تا ورودی‌های شبکه عصبی، همه و همه در قالب جبر خطی تعریف می‌شوند.
برای شروع، لازم است بر مفاهیم زیر مسلط باشید:

ماتریس‌ها و عملیات ماتریسی
بردارها و ضرب داخلی
مقادیر ویژه (Eigenvalues) و بردارهای ویژه (Eigenvectors)
تجزیه SVD و کاربرد آن در فشرده‌سازی داده‌ها

درک این مفاهیم به شما کمک می‌کند بفهمید الگوریتم‌هایی مثل Principal Component Analysis (PCA) یا Neural Networks چگونه کار می‌کنند.
تقریباً هیچ الگوریتم یادگیری ماشین بدون جبر خطی قابل درک یا پیاده‌سازی نیست.

شروع آموزش جبر خطی

آمار و احتمال — مغز تحلیلی یادگیری ماشین

یادگیری ماشین بدون آمار و احتمال مانند نقشه‌ای بدون جهت‌نماست.
در این بخش شما باید مفاهیمی مانند موارد زیر را یاد بگیرید:

توزیع‌های آماری (Normal, Bernoulli, Binomial)
میانگین، واریانس و انحراف معیار
قانون احتمال شرطی و بیز
نمونه‌گیری و آزمون فرضیه‌ها

به‌عنوان مثال، الگوریتم معروف Naive Bayes کاملاً بر پایه قانون بیز ساخته شده است. درک مفاهیم احتمالی به شما کمک می‌کند تصمیمات مدل را تحلیل کرده و میزان اطمینان پیش‌بینی‌ها را بسنجید.

شروع آموزش آمار و احتمال

ابزار درک تغییرات و بهینه‌سازی

ر مدل‌های یادگیری ماشین، هدف یافتن بهترین پارامترها برای کمینه‌کردن خطا است. این کار از طریق محاسبات مشتق و گرادیان انجام می‌شود.
مفاهیم مهم حسابان که باید بیاموزید عبارتند از:

مشتق و گرادیان
گرادیان نزولی (Gradient Descent)
حد، پیوستگی و توابع چندمتغیره
بهینه‌سازی توابع هزینه

هر بار که مدل شما در حال آموزش است، در واقع دارد با استفاده از حسابان، مسیر کم‌خطا‌ترین پاسخ را پیدا می‌کند.

شروع آموزش مشتق

اگر تا به حال از خود پرسیده‌اید «مشتق دقیقاً یعنی چه؟» و چرا در یادگیری ماشین این‌قدر مهم است، پاسخ ساده است: مشتق یعنی نرخ تغییر.
در واقع مشتق به ما می‌گوید وقتی یک مقدار کمی تغییر می‌کند، مقدار دیگر با چه سرعتی تغییر پیدا می‌کند.

در دنیای یادگیری ماشین، ما همیشه در حال کمینه‌کردن خطا هستیم. برای مثال، فرض کنید مدل شما در پیش‌بینی قیمت خانه کمی اشتباه دارد. شما می‌خواهید بدانید اگر وزن یا پارامتری را تغییر دهید، خطا چقدر کم یا زیاد می‌شود. این دقیقاً همان کاری است که مشتق انجام می‌دهد!

فرمول پایه مشتق به زبان ساده این است: f′(x)=dxdf(x)

یعنی: چقدر تابع f(x)f(x)f(x) نسبت به تغییرات xxx حساس است.

در الگوریتم‌های یادگیری ماشین مانند شبکه‌های عصبی، گرادیان (مشتق چندمتغیره) برای به‌روزرسانی وزن‌ها استفاده می‌شود. هر بار که مدل آموزش می‌بیند، گرادیان‌ها حساب می‌شوند تا خطا کمتر شود — فرایندی که به آن Gradient Descent یا نزول گرادیان گفته می‌شود.

با تمرین ساده روی توابع x2x^2×2، sin(x)sin(x)sin(x)، یا exe^xex، به‌راحتی می‌توانید مفهوم مشتق را درک کرده و ارتباط آن با آموزش مدل‌های یادگیری ماشین را ببینید.

برای یادگیری مؤثر ریاضیات در زمینه یادگیری ماشین، این مسیر آموزشی توصیه می‌شود:

جبر خطی مقدماتی تا پیشرفته
- منابع: کتاب “Linear Algebra Done Right”
آمار و احتمال کاربردی
- منابع: Khan Academy، Coursera
حسابان و بهینه‌سازی
- منابع: Calculus by Stewart، MIT OpenCourseWare
نظریه اطلاعات و مبانی ریاضی یادگیری ماشین
- منابع: “Information Theory, Inference and Learning Algorithms”
تمرین عملی در یادگیری ماشین با پایتون و کتابخانه‌هایی مثل NumPy، Pandas و TensorFlow

نظریه اطلاعات — پایه درک یادگیری ماشین در هوش مصنوعی

در مدل‌های هوش مصنوعی، اطلاعات نقش کلیدی دارد. نظریه اطلاعات (Information Theory) به ما می‌آموزد که چگونه داده‌ها را به‌صورت کارآمد و مؤثر نمایش دهیم.
مفاهیم مهم این حوزه شامل:

آنتروپی (Entropy)
کدگذاری شانون
Information Gain
Cross-Entropy Loss

درک این مفاهیم باعث می‌شود عملکرد مدل‌های یادگیری ماشین در تشخیص الگوها و تصمیم‌گیری‌های پیچیده را بهتر درک کنید.

نتیجه‌گیری — ریاضی، ستون فقرات یادگیری ماشین و آینده شغلی شما

اگر هدف شما ورود به دنیای هوش مصنوعی است، یادگیری ریاضی برای یادگیری ماشین تنها یک مرحله نیست، بلکه پایه‌ای است برای همه‌ی مراحل پیشرفت شما.
دانشجویانی که این مفاهیم را درک می‌کنند، نه‌تنها می‌توانند الگوریتم‌ها را به‌درستی تحلیل کنند، بلکه درک عمیق‌تری از چگونگی کار مدل‌های هوش مصنوعی خواهند داشت.

#پیش‌نیازهای یادگیری ماشین

آموزش داکر Docker – شروع کار

پیروز جنابی — Fri, 26 Sep 2025 00:32:35 +0000

آموزش کامل Docker: از صفر تا دیپلوی حرفه‌ای

داکر چیست و چرا مهم است؟

Docker پلتفرمی برای ساخت، بسته‌بندی و اجرای اپلیکیشن‌ها در قالب کانتینر است. کانتینرها سبک، سریع و قابل‌انتقال‌اند و مشکل «روی سیستم من کار می‌کند!» را حل می‌کنند.

مزایا: سرعت راه‌اندازی، تکرارپذیری، مقیاس‌پذیری، سازگاری محیط توسعه و تولید، هزینه کمتر نسبت به VMها.

مفاهیم کلیدی

Image (ایمیج): قالب فقط‌خواندنی که شامل اپ و وابستگی‌هاست.
Container (کانتینر): نمونهٔ در حال اجرای ایمیج.
Registry: مخزن ایمیج‌ها (مانند Docker Hub).
Dockerfile: دستورالعمل ساخت ایمیج.
Volume: ذخیره‌سازی پایدار داده‌ها خارج از لایهٔ کانتینر.
Network: اتصال کانتینرها به هم و به بیرون.

نصب Docker روی لینوکس (Ubuntu/Debian)

sudo apt update
sudo apt install -y ca-certificates curl gnupg lsb-release
sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] \
https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" | \
sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt update
sudo apt install -y docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
sudo usermod -aG docker $USER

تست:

docker run --rm hello-world

اولین تجربه: اجرای یک کانتینر

docker run -d --name web -p 80:80 nginx:alpine
docker logs -f web
docker ps

مدیریت ایمیج و کانتینر

docker images
docker ps -a
docker stop web
docker start web
docker rm web
docker rmi nginx:alpine
docker system prune -af

Volumes: ذخیره‌سازی پایدار

docker volume create web_data
docker run -d --name web -p 80:80 -v web_data:/usr/share/nginx/html nginx:alpine

Networking: اتصال سرویس‌ها

docker network create app_net
docker run -d --name db --network app_net \
-e POSTGRES_PASSWORD=secret \
-e POSTGRES_DB=app postgres:16-alpine

docker run -d --name app --network app_net \
-e DATABASE_URL=postgres://postgres:secret@db:5432/app youruser/yourapp:latest

Dockerfile: ساخت ایمیج سفارشی

# مرحله ساخت
FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
# مرحله اجرا
FROM node:20-alpine
ENV NODE_ENV=production
WORKDIR /app
COPY --from=build /app /app
EXPOSE 3000
CMD ["node", "server.js"]

Compose: مدیریت چند سرویس

services:
  db:
    image: postgres:16-alpine
    environment:
      POSTGRES_DB: app
      POSTGRES_USER: app
      POSTGRES_PASSWORD: please-change
    volumes:
      - db_data:/var/lib/postgresql/data

  app:
    build: ./app
    environment:
      DATABASE_URL: postgres://app:please-change@db:5432/app
    depends_on:
      - db

  web:
    image: nginx:alpine
    ports:
      - "80:80"
    volumes:
      - ./nginx.conf:/etc/nginx/conf.d/default.conf:ro
    depends_on:
      - app

volumes:
  db_data:

سناریوهای آماده

استقرار n8n

services:
  n8n:
    image: n8nio/n8n:latest
    ports:
      - "5678:5678"
    environment:
      - N8N_HOST=n8n.example.com
      - N8N_PORT=5678
      - N8N_PROTOCOL=https
      - GENERIC_TIMEZONE=Asia/Tehran
    volumes:
      - n8n_data:/home/node/.n8n
volumes:
  n8n_data:

ربات تلگرام

services:
  bot:
    build: ./bot
    env_file:
      - .env

وب‌سایت استاتیک

services:
  web:
    image: nginx:alpine
    ports: ["80:80"]
    volumes:
      - ./public:/usr/share/nginx/html:ro

بهترین شیوه‌ها

استفاده از تصاویر سبک (Alpine)
Multi-stage build
اجرای کاربر غیر-ریشه
نسخه‌گذاری ایمیج‌ها
استفاده از متغیرهای محیطی و Secrets
مانیتورینگ و بکاپ ولوم‌ها

امنیت Docker

آپدیت منظم Docker و سیستم‌عامل
محدودیت منابع برای کانتینرها
فعال‌سازی AppArmor/SELinux
استفاده از Docker Content Trust

دیپلوی روی سرور (CI/CD)

با GitHub Actions می‌توانید ایمیج بسازید، به رجیستری پوش کنید و روی سرور اجرا کنید.

خطایابی سریع

docker ps -a
docker logs -f 
docker exec -it  sh
docker inspect 
docker compose logs -f

پرسش‌های متداول

فرق VM و کانتینر؟ کانتینر سبک‌تر و سریع‌تر است چون کرنل میزبان را استفاده می‌کند.
آیا داکر برای تولید مناسب است؟ بله، با رعایت امنیت و مانیتورینگ.
چه زمانی به Kubernetes برویم؟ وقتی نیاز به مقیاس‌پذیری و چند سرور دارید.

آموزش کامل و حرفه‌ای React JSX | مثال‌های کاربردی و نکات پیشرفته

پیروز جنابی — Sun, 24 Sep 2017 14:57:29 +0000

آموزش حرفه‌ای React JSX: از اصول تا الگوهای پیشرفته

JSX یک سینتکس شبیه HTML است که داخل جاوااسکریپت استفاده می‌شود و به‌صورت Declarative رابط کاربری را توصیف می‌کند. این آموزش از مبانی تا تکنیک‌های حرفه‌ای (شرطی‌سازی، لیست‌ها و کلیدها، مدیریت state، هوک‌ها، پرفورمنس و الگوهای پیشرفته) را پوشش می‌دهد.

۱) JSX چیست و چرا؟

خوانایی بالا و نزدیکی به ساختار UI
اسکوپ و منطق جاوااسکریپت در کنار View
بهینه‌سازی هوشمند توسط React و ابزارهای ساخت

قواعد JSX

کامپوننت‌ها باید یک ریشه داشته باشند (از
یا استفاده کنید).
به‌جای class از className استفاده کنید.
استایل inline به‌صورت آبجکت جاوااسکریپت است (camelCase).
عبارت‌های JS را داخل {} قرار دهید.

// یک کامپوننت ساده
function Hello() {
const name = "Piero";
return (
&lt;div className="box"&gt;
&lt;h2&gt;سلام، {name}!&lt;/h2&gt;
&lt;/div&gt;
);
}

۲) درج متغیرها و عبارات در JSX
هر عبارت جاوااسکریپت را می‌توانید با آکولاد در JSX بنویسید.
const price = 129_000;
const user = { firstName: "Sara", lastName: "Karimi" };

export default function Card() {
return (
&lt;section&gt;

مبلغ: {price.toLocaleString("fa-IR")}

نام: {${user.firstName} ${user.lastName}}
{price &gt; 100000 ? &lt;strong&gt;پیشنهاد ویژه!&lt;/strong&gt; : null}
&lt;/section&gt;
);
}

۳) شرطی‌سازی در JSX
از عملگر سه‌تایی، AND منطقی یا جداسازی منطق قبل از return استفاده کنید.
// 1) سه‌تایی
{isLoading ? &lt;Spinner /&gt; : &lt;DataList /&gt;}

// 2) AND منطقی (برای نمایش شرطی کوتاه)
{error &amp;&amp; 
خطا: {error.message}
}

// 3) جداسازی منطق
let content;
if (isLoading) content = &lt;Spinner /&gt;;
else if (error) content = &lt;ErrorView /&gt;;
else content = &lt;DataList /&gt;;
return &lt;div&gt;{content}&lt;/div&gt;;

۴) رندر لیست‌ها و کلیدها (keys)
برای عملکرد و جلوگیری از باگ در Diff، به هر آیتم یک key یکتا بدهید (از id پایدار استفاده کنید).
const items = [
{ id: "a1", title: "React" },
{ id: "b2", title: "JSX" },
{ id: "c3", title: "Hooks" },
];

function List() {
return (
&lt;ul&gt;
{items.map(item =&gt; (
&lt;li key={item.id}&gt;{item.title}&lt;/li&gt;
))}
&lt;/ul&gt;
);
}

۵) پراپس‌ها، State و رویدادها
پراپس‌ها
function Button({ children, onClick, type = "button" }) { return &lt;button type={type} onClick={onClick}&gt;{children}&lt;/button&gt;; }

// استفاده
&lt;Button onClick={() =&gt; alert("clicked!")}&gt;کلیک&lt;/Button&gt;
State و رویدادها با Hooks
import { useState } from "react";

function Counter() {
const [count, setCount] = useState(0);
return (
&lt;div&gt;

شمارنده: {count}
&lt;button onClick={() =&gt; setCount((c) =&gt; c + 1)}&gt;افزایش&lt;/button&gt;
&lt;/div&gt;
);
}
کنترل فرم (Controlled Components)
import { useState } from "react";

function LoginForm() {
const [email, setEmail] = useState("");

const submit = (e) =&gt; {
e.preventDefault();
console.log({ email });
};

return (
&lt;form onSubmit={submit}&gt;
&lt;input
value={email}
onChange={(e) =&gt; setEmail(e.target.value)}
placeholder="ایمیل"
/&gt;
&lt;button&gt;ارسال&lt;/button&gt;
&lt;/form&gt;
);
}

۶) Fragment، Portal و Context
Fragment
return ( &lt;&gt; &lt;Header /&gt; &lt;Main /&gt; &lt;/&gt; );
Portal (رندر خارج از سلسله‌مراتب معمول)
import { createPortal } from "react-dom";

function Modal({ children }) {
return createPortal(
&lt;div className="backdrop"&gt;{children}&lt;/div&gt;,
document.getElementById("modal-root")
);
}
Context (مدیریت وضعیت سراسری سبک)
import { createContext, useContext } from "react";

const ThemeContext = createContext("light");

function App() {
return (
&lt;ThemeContext.Provider value="dark"&gt;
&lt;Toolbar /&gt;
&lt;/ThemeContext.Provider&gt;
);
}

function Toolbar() {
const theme = useContext(ThemeContext);
return &lt;div data-theme={theme}&gt;Toolbar&lt;/div&gt;;
}

۷) الگوهای حرفه‌ای با Hooks
بهینه‌سازی پرفورمنس: memo, useMemo, useCallback
import React, { useMemo, useCallback } from "react";

const Expensive = React.memo(function Expensive({ value }) {
console.log("render");
return &lt;div&gt;محاسبه: {value}&lt;/div&gt;;
});

function Dashboard({ items }) {
const total = useMemo(() =&gt; items.reduce((s, x) =&gt; s + x, 0), [items]);
const handleClick = useCallback(() =&gt; console.log("clicked"), []);
return (
&lt;div&gt;

جمع: {total}
&lt;button onClick={handleClick}&gt;لاگ&lt;/button&gt;
&lt;Expensive value={total} /&gt;
&lt;/div&gt;
);
}
کداسپلیتینگ با lazy و Suspense
import React from "react";

const Chart = React.lazy(() =&gt; import("./Chart"));

function Reports() {
return (
&lt;React.Suspense fallback={&lt;div&gt;در حال بارگذاری...&lt;/div&gt;}&gt;
&lt;Chart /&gt;
&lt;/React.Suspense&gt;
);
}
Error Boundary
import React from "react";

class ErrorBoundary extends React.Component {
state = { hasError: false };
static getDerivedStateFromError() { return { hasError: true }; }
componentDidCatch(err, info) { console.error(err, info); }
render() {
return this.state.hasError ? &lt;h3&gt;خطایی رخ داد&lt;/h3&gt; : this.props.children;
}
}

export default ErrorBoundary;

۸) الگوی «بالابردن State» و ترکیب‌پذیری
import { useState } from "react";

function Parent() {
const [value, setValue] = useState("");
return (
&lt;&gt;
&lt;Input value={value} onChange={setValue} /&gt;
&lt;Preview value={value} /&gt;
&lt;/&gt;
);
}

function Input({ value, onChange }) {
return &lt;input value={value} onChange={(e) =&gt; onChange(e.target.value)} /&gt;;
}

function Preview({ value }) {
return 
پیش‌نمایش: {value}
;
}

۹) استایل‌دهی در JSX
گزینه‌ها: CSS Module، Styled Components، Tailwind، یا استایل inline.
// استایل inline

&lt;div style={{ padding: 12, borderRadius: 8 }} /&gt;

// CSS Module
import styles from "./box.module.css";

&lt;div className={styles.box}&gt;Box&lt;/div&gt;

۱۰) دسترسی‌پذیری (a11y) و SEO فرانت‌اند

استفاده از تگ‌های معنایی (, , )
مشخص‌کردن alt برای تصاویر
مدیریت فوکوس و نسبت کنتراست مناسب


۱۱) تست کامپوننت‌ها
// React Testing Library import { render, screen } from "@testing-library/react"; import Button from "./Button";

test("renders label", () =&gt; {
render(&lt;Button&gt;سلام&lt;/Button&gt;);
expect(screen.getByText("سلام")).toBeInTheDocument();
});

۱۲) نمونهٔ اپ کوچک: فهرست کارها (Todo)
import { useState } from "react";

export default function TodoApp() {
const [items, setItems] = useState([]);
const [text, setText] = useState("");

const add = () =&gt; {
if (!text.trim()) return;
setItems((prev) =&gt; [...prev, { id: crypto.randomUUID(), text }]);
setText("");
};

const remove = (id) =&gt; setItems((prev) =&gt; prev.filter(i =&gt; i.id !== id));

return (
&lt;div className="todo"&gt;
&lt;h2&gt;کارها&lt;/h2&gt;
&lt;input value={text} onChange={(e) =&gt; setText(e.target.value)} /&gt;
&lt;button onClick={add}&gt;افزودن&lt;/button&gt;
&lt;ul&gt;
{items.map(i =&gt; (
&lt;li key={i.id}&gt;
{i.text}
&lt;button onClick={() =&gt; remove(i.id)}&gt;حذف&lt;/button&gt;
&lt;/li&gt;
))}
&lt;/ul&gt;
&lt;/div&gt;
);
}

۱۳) نکات حرفه‌ای برای پروژه‌های واقعی

ساختار پوشه‌ها بر اساس دامنه (Feature-Sliced) به‌جای تفکیک فایل‌محور.
TypeScript برای خودمستندسازی و ایمنی تایپی.
ESLint + Prettier برای یکپارچگی کد.
استفاده از React Query / SWR برای مدیریت سرور استیت.
Next.js برای SSR/SSG، بهبود SEO و رندر سمت سرور.


پرسش‌های متداول (FAQ)
تفاوت JSX و HTML؟ JSX یک سینتکس داخل جاوااسکریپت است؛ برخی ویژگی‌ها متفاوت‌اند (مثل className، onClick).

آیا بدون Babel می‌توان JSX نوشت؟ نه، JSX باید به جاوااسکریپت کامپایل شود (Vite/Next.js/CRA قدیمی).

راه بهینه‌سازی سرعت رندر چیست؟ کلیدهای پایدار، memo/useMemo/useCallback، تقسیم کد با lazy/Suspense و جلوگیری از رندرهای غیرضروری.

آموزش reactJS

پیروز جنابی — Sun, 24 Sep 2017 11:33:05 +0000

به آموزش reactJS (ری اکت) قسمت اول خوش آمدید

reactJS یک فریم ورک جاوا اسکریپت می باشد که توسط فیس بوک ساخته شده است . این فریم ورک از برترین فریم ورکهای جهان می باشد که دارای مزایای زیر می باشد.

بسیار سریع : برنامه هایی که با این فریم ورک ساخته می شوند بسیار سریع هستند زیرا reactJS بسیار بهینه ساخته شده است.
بسیار ماژولار : در صورتی که شما بسیار برنامه ای بزرگ دارید شما می توانید با reactJS به قطعات کوچکتر تبدیل کنید .
هماهنگ با داده های بزرگ : reactJS بسیار مناسب برای برناه هایی با داده های بالا است .
انعطاف بالا : با reactJS هرکاری که شما فکر کنید می توان انجام داد .
شهرت : وقتی شما تسلط بر این فریم ورک داشته باشید طبیعتا شرایط شما برای یافتن کار مناسب بسیار عالی می باشد .

لازم به ذکر است برای شروع نیاز است شما به زبان برنامه نویسی جاوا اسکریپت مسلط باشید همچنین می بایست جاوا اسکریپت اکما اسکریپت ۶ را مسلط با شید که ما با استفاده از بابل آن را به نسخه های رایج مرور گرها تبدیل می کنیم . در لینکهای زیر شامل برترین منابع یادگیری جاوا اسکریپت است :

https://www.codecademy.com/learn/javascript

https://www.w3schools.com/js/default.asp

شروع آموزش reactJS

به کد زیر توجه نمایید :

var h1 = Hello world
;

در حالت عادی جاوا اسکریپت به این کد خطا می گیرد :

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.

به این ساختار JSX می گویند در ادامه به این مبحث به طور کامل می پردازیم.

JSX

JSX یک المنت است که تعریف می شود و می توان هر مقدار دلخواهی را درون آن قرار داد مانند اعداد ، رشته ، HTML ، شی ، آرایه و …

در واقع شما با jsx می توانید یک متغیر تعریف کنید و آن متغیر را به یک المنت html تبدیل کنید و در مواقع لزوم از آن استفاده کنید .

var navBar = I am a nav bar
;

ذخیره شدن المنتهای HTML در JSX

var Pistons2004 = {
  center:        Ben Wallace,
  powerForward:  Rasheed Wallace,
  smallForward:  Tayshaun Prince,
  shootingGuard: Richard Hamilton,
  pointGuard:    Chauncey Billups
};

المنتهای jsx می نوانند دارای ویژگی باشند همانند html

و همانند html هم مقدار دهی می شوند .

Welcome to the Yahoo;
var title = Introduction to React.js: Part I
;

همچنین می توانند تو در تو باشند و برای خوانایی بیشتر از فاصله ها یا رفتن به خط بعد استفاده کرد.

  Click me I am Goooogle

ولی توجه کنید برای رفتن به خط بعد حتما باید کد ما در پرانتز قرار بگیرد:

var theGoogle = (
   
     
       Click me I am Gooooooooooogle
     
   
 );

نکته مهم : شما فقط می توانید یک المنت پایه داشته باشید :

var paragraphs = (
  
    I am a paragraph.
    I, too, am a paragraph.
  
);

در حالی که مثال زیر خطا می دهد :(به دلیل اینکه تگهای p دارای ریشه نمی باشند )

var paragraphs = (
  I am a paragraph.
  I, too, am a paragraph.
);

برای رفع خطا بهتر است المتهایمان را درون یک

بگزاریم.(هر متغیر فقط می تواند یک تگ ریشه داشته باشد)

var blog = (  
 Welcome to Dan's Blog! 
 Wow I had the tastiest sandwich today. I literally almost freaked out. 
 
 );

رندر کردن reactJS

حالا که به ساختار آن اشنا شدید بهتر است نحوه استفاده از react رایاد بگیرید .

var React = require('react');
var ReactDOM = require('react-dom');
// Copy code here:
ReactDOM.render(Hello world
, document.getElementById('app'));

خروجی : Hello world

نگران نباشید الان به طور کامل براتون این مورد را شرح می دهیم:

در خط اول و دوم کتابخانه reactJS را فراخوانی کردیم.

ReactDOM چیست ؟

یک کتابخانه جاوا اسکریپت است که ویژگی های ری اکت را در خود جا داده است . البته در ادامه با این مفهوم به طور کامل آشنا می شویم ولی الان برمیگردیم به فایلمان همان گونه که می بینید تکه کد زیر خروجی مناسب می دهد :

ReactDOM.render(Hello world
, document.getElementById('app'));

ReactDOM.render تابعی است که نوع jsx را خروجی می دهد به المنت دوم تابع در واقع این تابع دو آرگومان ورودی دارد :

ارگومان اول متغیر jsx را دریافت و در المنت دوم چاپ می کند .

توجه : شما می بایست در فایل html خود المنتی با ایدی app داشته باشید

بارگزاری متغیر reactJs

var React = require('react');
var ReactDOM = require('react-dom');

// Write code here:
var myList=(
    info@piero.ir
    www.piero.ir 
    
    );
ReactDOM.render(myList,document.getElementById("app"));

خروچی :

info@piero.ir
www.piero.ir

همانگونه که دیدید متغیری تعریف نمودیم و در آن لیستی قرار دادیم و بعد آن را چاپ نمودیم.

نکته پایانی:

چون از المنت استفاده می کنیم درصورتی که یک کد دوبار نوشته شود دفعه دوم هیچ کاری انجام نمیدهد :

var hello = Hello world;

// This will add "Hello world" to the screen:

ReactDOM.render(hello, document.getElementById('app'));

// This won't do anything at all:

ReactDOM.render(hello, document.getElementById('app'));

لطفا با ارایه نظرتتان مارا در بهبود مطالب وب سایت یاری نمایید با تشکر

با تشکر پیروز جنابی

کدایگنایتر درphpstrom

پیروز جنابی — Sun, 23 Jul 2017 12:01:07 +0000

نحوه پشتیبانی phpstrome در کدایگنایتر

همانگونه که می دانیم phpstrom قوی ترین محیط برنامه نویسی php می باشد و کدایگنایتر یکی از قوی ترین و محبوب ترین فریم ورکهای php می باشد که به صورت پیش فرض قسمت تکمیل کد آن در phpstrom پشتیبانی نمی شود .در واقع قسمتی که هنگام نوشتن کدها در phpstrom باعث می شود که ادامه کدها به ما پیشنهاد شود .

با مراحل زیر به راحتی می توانیم این قابلیت را به phpstrom خود بیفزارییم.

فایلی به نام phpstorm.php در شاخه اصلی برنامه بسازید و محتوای زیر را در آن بگزارید.(در کنار index.php)
به پوشه system/core/ رفته و بروی Controller.php و Model.php کلیک راست کرده و گزینه set Mark as Plain Text را بزنید.

اکنون تنظیمات شما به اتمام رسیده است و همانگونه که در تصویر زیر می بینید متدها به راحتی به شما پیشنهاد داده می شود.

تصویر دمو :

فایل phpstorm.php :

منبع :

https://github.com/natanfelles/codeigniter-phpstorm

نصب Linux Nginx MySQL PHP بر روی لینوکس

پیروز جنابی — Mon, 10 Jul 2017 12:52:59 +0000

انجین ایکس ( Nginx ) یکی از وب سرور هایی است که بسیاری از مدیران سایت های پربازدید را به سوی خود جلب نموده است. انجین ایکس علاوه بر وب سرور، ریورس پراکسی سرور ( reverse proxy server ) و میل پراکسی سرور ( mail proxy server ) نیز می باشد که بصورت متن باز ( open source ) ارائه شده است و از پروتکل های http , https , SMTP , POP3 و IMAP پشتیبانی می کند. انجین ایکس به گونه ای طراحی شده است که همزمان با پشتیبانی از تعداد کانکشن های بسیار بالا ، عملکرد مناسب و مصرف کم رم را به همراه داشته باشد. این وب سرور محبوب بر روی سیستم عامل های مختلفی از جمله لینوکس ، mac os و سولاریس قابل نصب می باشد. nginx توسط ایگور سیسویو ( igor sysoev ) ساخته شده است، ایگور در سال ۱۹۷۰ در شهر آلماتی قزاقستان به دنیا آمده است و فارغ التحصیل دانشگاه ایالتی مسکو می باشد.

کار ساخت nginx از سال ۲۰۰۲ آغاز گردید و اولین نسخه آن در سال ۲۰۰۴ منتشر گردید. در حال حاضر نزدیک به ۱۲ درصد وب سایت های جهان یعنی چیزی در حدود ۲۲ میلیون وب سایت از nginx به عنوان وب سرور خود استفاده می کنند.

چگونه وب سرور Nginx را بر روی سرور لینوکس خود نصب نمائیم؟

در این آموزش به نصب LEMP بروی سرورهای ابونتو با استفاده از دستور apt می پردازیم .

گام اول :نصب NGINX

برای شروع ترمینال خود را باز کرده و دستورات زیر را تایپ می کنیم .

    sudo apt-get update
    sudo apt-get install nginx

در صورتی که firewall ufw استفاده می کنید کد زیر را بزنید

sudo ufw allow 'Nginx HTTP'

با کذ زیر می توانید ازufw خود مطلع شوید

sudo ufw status

خروجی باید به شرح زیر باشد

Output
Status: active

To                         Action      From
--                         ------      ----
OpenSSH                    ALLOW       Anywhere
Nginx HTTP                 ALLOW       Anywhere
OpenSSH (v6)               ALLOW       Anywhere (v6)
Nginx HTTP (v6)            ALLOW       Anywhere (v6)

درصورتی که در حال حاضر سرور apache را نصب کرده اید با کد زیر آن را stop کنید و سرویس ngnix را اجرا کنید :

service apache2 stop
service ngnix start

در کد اول آپاچی متوقف می شود و در کد دوم ngnix شروع به کار می کند .

در صورتی که ngnix با موفقیت نصب شده باشد با زدن http://localhost درون مرور گر صفحه زیر نشان داده میشود :

نصب بانک اطلاعاتی

به منظور نصب mysql از کد زیر استفاده می نماییم :

sudo apt-get install mysql-server

ولی پیشنهاد می شود بانک اطلاعاتی maria db را نصب نمایید که در مقاله زیر به طور کامل به آن پرداخته ایم :

[irp posts=”620″ name=”مهاجرت از Mysql به MariaDb”]

نصب php

به طور کلی برای سازگاری php و nginx می بایست php-fpm را نصب نمود و در کل روال عادی نصب php را داریم :

sudo apt-get install php-fpm php-mysql

قطعه کد بالا php را نصب نموده و تنظیمات مورد نظر جهت استفاده nginx را انجام می دهد.

تنظیمات php برای nginx

با کد زیر وارد تنظیمات php-fpm برای تنظیم php برروی سرورهای nginx می شویم :

sudo nano /etc/php/7.0/fpm/php.ini

در فایل مربوطه به دنبال گزینه cgi.fix_pathinfo می گردیم که در حالت پیش فرض به صورت زیر است:

;cgi.fix_pathinfo=1

به منظور تصحیح عملکرد ; را از ابتدا برداشته و مقدارش را برابر ۰ قرار می دهیم:

cgi.fix_pathinfo=0

حالا کافی است php را با کد زیر ریست نماییم :

sudo systemctl restart php7.0-fpm

در صورتی که کد بالا جواب نداد از کد زیر برای ریست php استفاده نمایید :

service  php7.1-fpm restart

ساخت فایل تنظیمات NGINX

امنون فقط یک گام مانده تا به lemp برسیم کافی است دستور زیر را بزنیم :

sudo nano /etc/nginx/sites-available/default

این فایل حاوی تنظیمات پیش فرض nginx است بهتر است به مقدار زیر تغییرش دهیم:

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;
    index index.php index.html index.htm index.nginx-debian.html;

    server_name server_domain_or_IP;

    location / {
        try_files $uri $uri/ =404;
    }

    location ~ \.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock;
    }

    location ~ /\.ht {
        deny all;
    }
}

فایل بالا تنظیمات مناسب جهت استفاده php از nginx می باشد .

بعد از اتمام تغییر فایل را بسته و نمظیمات را با کد زیر تست نمایید :

sudo nginx -t

در صورتی که خطایی مشاهده نشد کد زیر را در برای بارگزاری دوباره nginx بزنید :

sudo systemctl reload nginx

یا :

service  nginx restart

تبریک نصب شما با موفقیت انجام شده و شما می توانید با ساختن فایل php.info و قرار دادن تابع phpinfo() مطابق کد زیر سرور خود را تست نمایید :

با تشکر – پیروز جنابی

آموزش گیت (۲) – تنظیمات پایه GIT

پیروز جنابی — Sat, 21 Jan 2017 06:22:24 +0000

آموزش گیت (۲) – تنظیمات پایه GIT

حال که Git روی سیستم نصب شده است، نیاز به شخصی‌سازی بعضی از منابع Git است. انجام این تنظیمات فقط برای یک مرتبه انجام می‌پذیرد؛ و بعد از آن با هر بار ارتقاء بدون تغییر باقی می‌مانند. همچنین امکان تغییر آن‌ها در هر زمانی که نیاز باشد به کمک خط فرمان وجود دارد.تنظیمات پایه GIT

به همراه Git ابزاری ارائه شده است با نام git config که امکان خواندن و اعمال متغیرهای تنظیماتی که تمامی ابعاد ظاهری و عملیاتی Git را کنترل می‌کند فراهم می‌سازد.

فایل /etc/gitconfig: حاوی مقادیر تمامی کاربران سیستم و مخازن آن‌ها است. اگر به همراه git config از گزینه --system استفاده شود، خواندن و نوشتن به صورت اختصاصی از این فایل انجام می‌پذیرد.
فایل ~/.gitconfig: مختص کاربر مشخصی است. با استفاده از گزینه --global خواندن و نوشتن Git به صورت اختصاصی از این فایل انجام می‌پذیرد.
فایل config موجود در پوشه git (.git/config) یا هر مخزنی که در حال استفاده از آن می‌باشید: مختص یک مخزن خاص است. مقادیر هر سطح باعث لغو مقادیر سطح قبلی خود می‌شود. بنابراین مقادیر .git/config موجب لغو مقادیر /etc/gitconfig خواهد شد.

در سیستم‌های ویندوزی، Git در پوشه $HOME (متغیر محیطی %USERPROFILE% در ویندوز) که برای اکثر کاربران با توجه به نسخه سیستم در مسیرهای C:\Documents and Settings\$USER‍ یاC:\Users\$USER($USER‍ در ویندوز متغیر محیطی %USERNAME%) قرار دارد، فایل .gitconfig را جستجو می‌کند. همچنین نسبت به مسیر ریشه MSys که همان مسیر نصب انتخاب شده در هنگام اجرای نصاب Git در ویندوز می‌باشد، به دنبال فایلی با نام /etc/gitconfig می‌گردد.

شناسه کاربر

اولین عملی که بعد از نصب Git باید انجام شود، مقداردهی دو متغیر نام کاربری (user name) و آدرس پست الکترونیکی (e-mail address) است. این عمل از آن جهت اهمیت دارد که در هر commit این اطلاعات به‌صورتی تغییر ناپذیر روی commit انجام شده حک می‌شوند.تنظیمات پایه GIT

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

مجدداً یادآوری می‌شود که انجام این عمل در صورت استفاده از گزینه --global فقط یک مرتبه انجام می‌پذیرد، زیرا Git برای هر عملی که در سیستم انجام می‌پذیرد از این اطلاعات استفاده می‌کند. حال اگر فرد نیاز به استفاده از نام و آدرس پست الکترونیکی متفاوتی برای پروژه‌های خاصی دارد، می‌تواند با اجرای همان دستورات البته بدون استفاده از گزینه --global هنگامی که در مسیر پروژه مذکور قرار دارد به مقصود خود دست یابد.

ویرایشگر کاربر

حال که شناسه تنظیم شد، می‌توان ویرایشگر متن پیش فرضی را معرفی کرد تا هنگامی که نیاز به درج پیغامی در Git است فراخوانی شود. به صورت پیش فرض Git از ویرایشگر پیش فرض سیستم برای این امر استفاده می کند، که معمولاً Vi یا Vim است. اگر نظر شخص به استفاده از ویرایشگر متنی متفاوتی مانند Emacs باشد، می‌توان به صورت ذیل عمل کرد:تنظیمات پایه GIT

$ git config --global core.editor emacs

ابزار Diff

ابزار مفید دیگری که شاید نیاز به تنظیم داشته باشد، ابزار diff پیش فرضی است که برای رفع مغایرت ایجاد شده در هنگام اجرای دستور merge استفاده می‌گردد. به عنوان مثال اگر هدف استفاده از vimdiff باشد خواهیم داشت:تنظیمات پایه GIT

$ git config --global merge.tool vimdiff

Git از ابزارهای kdiff3، tkdiff، meld، xxdiff، emerge، vimdiff، gvimdiff، ecmerge و opendiff جهت merge پشتیبانی می‌کند. با این وجود امکان تعریف ابزاری شخصی نیز وجود دارد؛ برای اطلاعات بیشتر جهت انجام این مورد می‌توانید به فصل ۷ مراجعه کنید.

بررسی تنظیمات

برای مشاهده و بررسی تنظیمات، می‌توان از دستور git config --list استفاده کرد که در نتیجه آن Git تمامی تنظیمات موجود تا آن لحظه را در قالب لیستی نمایش می‌دهد:

$ git config --list
user.name=Scott Chacon
user.email=schacon@gmail.com
color.status=auto
color.branch=auto
color.interactive=auto
color.diff=auto
...

احتمال دارد در این لیست کلیدهایی بیش از یک بار مشاهده شوند، دلیل این امر آن است که Git کلید مشابهی را از فایل‌های مختلفی (مانند /etc/giconfig و ~/.gitconfig) خوانده است. در این‌گونه موارد، Git آخرین مقدار کلید منحصر به فردی که مشاهده می‌کند را جهت استفاده به‌کار می‌گیرد.

همچنین برای مشاهده مقدار مورد استفاده یک کلید خاص توسط Git، می‌توان از دستور git config {key} استفاده کرد:

$ git config user.name
Scott Chacon

دریافت راهنما

هرگاه در استفاده از Git نیازمند راهنمایی بودید، سه روش برای مشاهده صفحه راهنما هرگونه دستوری در Git وجود دارد:

$ git help 
$ git  --help
$ man git-

برای مثال، برای مشاهده صفحه راهنما دستور config داریم

$ git help config

این دستورات از آن جهت که می‌توان از هر مکانی، حتی در حالت آفلاین، به آن‌ها دسترسی پیدا کرد ابزاری کاربردی می‌باشند. اگر صفحات راهنما و این کتاب جوابگوی نیاز شما نبودند و نیاز به راهنمایی فردی پیدا کردید، میتوانید به کانالهای #git یا #github در سرور Freenode IRC (irc.freenode.net) مراجعه کنید. معمولاً این کانال‌ها مملؤ از افرادی با سطح دانش بالا در زمینه Git هستند که آماده راهنمایی رساندن به شما می‌باشند

بهترین زبان برنامه نویسی ۲۰۱۶

پیروز جنابی — Sun, 25 Dec 2016 08:30:10 +0000

بهترین زبان برنامه نویسی۲۰۱۶ چیست؟

با سلام در این مقاله به بهترین زبان برنامه نویسی ۲۰۱۶ بر اساس چندین آمار معتبر و ذکر منابع می پردازیم.

TIOBE Index,DEC ۲۰۱۶

این مرجع می تواند به صورت لحظه ای آمار بهترین زبان برنامه نویسی را به شما بدهد که شما می توانید در لینک زیر مشاهده نمایید.

مشاهده آمار هم اکنون بهترین زبان برنامه نویسی

Dec 2016	Dec 2015	Programming Language	Ratings	Change
۱	۱	Java	۱۷٫۸۵۶%	-۳٫۱۲%
۲	۲	C	۸٫۷۲۶%	-۷٫۷۳%
۳	۳	C++	۵٫۳۳۵%	-۰٫۶۱%
۴	۴	Python	۴٫۲۳۹%	-۰٫۱۹%
۵	۷	Visual Basic .NET	۳٫۳۰۲%	+۰٫۹۱%
۶	۵	C#	۳٫۱۷۱%	-۰٫۹۴%
۷	۶	PHP	۲٫۹۱۹%	+۰٫۱۳%
۸	۸	JavaScript	۲٫۸۶۲%	+۰٫۵۰%
۹	۱۱	Assembly language	۲٫۵۳۹%	+۰٫۶۱%
۱۰	۹	Perl	۲٫۳۳۸%	+۰٫۱۳%
۱۱	۱۵	Objective-C	۲٫۳۲۵%	+۰٫۹۷%
۱۲	۱۰	Ruby	۲٫۱۴۷%	+۰٫۰۹%
۱۳	۱۴	Swift	۲٫۱۳۴%	+۰٫۷۳%
۱۴	۱۲	Visual Basic	۱٫۹۶۷%	+۰٫۳۱%
۱۵	۱۳	Delphi/Object Pascal	۱٫۹۵۰%	+۰٫۳۱%
۱۶	۵۰	Go	۱٫۹۳۹%	+۱٫۷۴%
۱۷	۱۸	R	۱٫۸۲۶%	+۰٫۷۰%
۱۸	۱۶	MATLAB	۱٫۸۱۸%	+۰٫۶۵%
۱۹	۲۴	Groovy	۱٫۷۸۶%	+۱٫۰۱%
۲۰	۱۹	PL/SQL	۱٫۴۹۵%	+۰٫۳۹%

IEEE

طبق استاندارد ieee بهترین زبان برنامه نویسی ۲۰۱۶ به ترتیب زیر می باشند.

codingdojo

براساس وب سایت codingdojo ببهترین زبان برنامه نویسی ۲۰۱۶ طبق تصویر زیر است .

مشاهده بهترین زبان برنامه نویسی ۲۰۱۶ در وب سایتcodingdojo

بهترین زبان برنامه نویسی برای من چیست ؟

سوالی که شاید بارها از شما پرسیده شده است و یا شما از افراد مختلف پرسیده اید . جواب سوال شما بسته به کاری که می خواهید انجام دهید دارد و شما می توانید بسته به کاری که می خواهید انجام دهید به شما به همراه مثال نشان می دهد.

http://www.bestprogramminglanguagefor.me

نتیجه بهترین زبان برنامه نویسی ۲۰۱۶

درست است که آمار های بالا طبق آمار برترین زبانها را به نشان می دهند ولی برترین زبان برنامه نویسی وجود ندارد و بستگی به کار مورد نظر و برنامه نویس دارد . من به شما پیشنهاد می کنم زبان برنامه نویسی را حرفه ای بیاموزید و سعی کنید فقط ذهن برنامه نویسی داشته باشید در واقع بدانید که در صورت مواجه شدن با مشکلی راهکار رسیدن به نتیجه چیست و اینکه با چه زبانی پیاده سازی نمایید فرقی ندارد چون ساختار برنامه نویسی بیشتر زبانهای برنامه نویسی شبیه هم هستند.

در صورتی که می خواهید یک زبان برنامه نویسی را شروه کنید ابتدا به زبانهای مدل سازی و تحلیل مسلط شوید و هر کاری را ابتدا روی کاغذ پیاده سازی نمایید و در ادامه یک زبان برنامه نویسی را به صورت حرفه ای یاد بگیرید در صورتی که می خواهید تحت وب کار کنید پیشنهاد ما php است ودر غیر این صورت پیشنهاد می شود جاوا را یاد بگیرید . یادگیری زبانهای زیر در همه جا کاربرد دارد پس پیشنهاد می شود بزودی آنها را یاد بگیرید.

sql

اس کیو ال = یک زبان ارتباط با بانکهای اطلاعاتی می باشد و در تمامی برنامه ها از ان استفاده می شود .

SELECT * FROM Customers
WHERE Country='Germany'
AND City='Berlin';

HTML

اچ تی ام ال = یک زبان نمایشی است در بیشتر برنامه ها استفاده می شود و در تمامی سیستم عامل ها حتی موبایل مورد استفاده قرار می گیرد طبعیتا در تمامی زبانهای برنامه نویسی مخصوصا برنامه های تحت وب که حتما از این زبان برای ساختار نمایشی از آن استفاده میکند همچنین جدیدا در html5 امکان ساخت بازی و برنامه های موبایل را نیز بوجود آورده است.

Page Title

This is a Heading

This is a paragraph.

JAVA SCRIPT

جاوا اسکریپت = این یک زبان برنامه نویسی برای اچ تی ام ال می باشد بسیار راحت و دارای فریم ورکهای زیادی از جمله jquery و anguarjs و … دارد . در آینده استفاده نکردن از جاوا اسکریپت در برنامه ها غیر ممکن است .

document.getElementById("demo").innerHTML = "Hello JavaScript";

CSS

سی اس اس = یک زبان ساختاری و آبشاری جهت تغییر ظاهری المنتهای اچ تی ام ال است و هنگامی که اچ تی امال استفاده شود غیر ممکن است از css استفاده نشود.

body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}

XML

اکس ام ال = یک زبان ساختاری است که بیشتر برای ذخیره و ارتباط برنامه ها استفاده می شود .

 

  Tove
  Jani
  Reminder
  Don't forget me this weekend!

PHP

پی اچ پی :یک زبان برنامه نویسی تحت سرور می باشد که با تمامی زبانهای بالا ارتباط برقرار می کند . این زبان رایگان است همچنین بازمتن در واقع برنامه در زمان اجرا کامپایل می شود . این زبان سرعت و قدرت بالایی دارد و به صورت خیلی پهناور استفاده می شود و دارای برنامه های آماده زیادی است که شما می توانید آنها را ارتقا بدهید و همچنین بدلیل استفاده wordpress و سیستمهای مدیریت های محتوای دیگر از php می توان گفت این زبان فرا گیر ترین زبان تحت وب دانست .

امیدواریم توانسته باشیم با این مقاله کمکی به شما کرده باشیم

جهت مشاهده جدید ترین اخبار به کانال هنر کدینگ تلگرام بپیوندید.

عضویت در کانال هنر کدینگ itnew4u@

تایپ فارسی درandroid studio

پیروز جنابی — Sat, 24 Dec 2016 08:53:42 +0000

تایپ فارسی درandroid studio

editor.new.rendering=true

شاید برای شما نیز پیش آمده است که هنگام کار در محیط اندروید استدیو وقتی با متنی فارسی سر و کار داریم برای انتخاب قسمتی از آن متن و تغییر در آن دچار مشکل میشویم.

برای حل این مشکل ابتدا یک فایل متنی با عنوان idea.roperties.txt بسازید و در داخل آن عبارت زیر را در آن وارد نمایید.

editor.new.rendering=true

فایل تولید شده را زخیره و در مسیر زیر قرار دهید :

C:\Users\….\.AndroidStudio2.2

توجه داشته باشید در صورتی که از لینوکس یا مک استفاده می کنید این ویژگی در محل نصب اندروید که اندروید در ابتدا دانلود و نصب کردهاید باید قرار دهید . همچنین به این نکته توجه داشته باشید نسخه های مختلف اندروید استدیو ممکن است روی سیستمتها باشد .

پس دقت نمایید که نسخه مورد نظر را یافته و تنظیم اعلام شده را درون آن قرار دهید.

امیدوارم مطلب فوق برای شما مفید بوده باشد (تایپ فارسی درandroid studio)

سایر مطالب مفید برای اندروید استدیو بصورت رایگان:

اندروید استودیو نام محیط یکپارچه‌ی توسعه (IDE) اختصاصی گوگل است که از آن برای ساخت برنامه‌های اندروید استفاده می‌شود. گوگل آخرین نسخه از اندروید استودیو با نام Android Studio 2.3 را در ماه مارس (۲ ماه پیش) سال جاری میلادی عرضه کرده بود. با توجه به جهش شماره‌ی نسخه‌ی جدید به ۳، می‌توان انتظار تغییرات بنیادین در ابزار برنامه‌نویسی گوگل داشت. (شماره‌ی نسخه‌های بتای بیلد جدید اندروید استودیو در ابتدا ۲.۴ بود؛ اما گوگل با توجه به گستردگی تغییرات، تصمیم به افزایش شماره‌ی نسخه گرفت.)

از جمله امکانات جدید در نسخه های جدید اندروید استادیو می توان به زبان جدید کاتلین ساخت jetbrains سازنده مشهور روسی phpstorm و inteliJ اشاره نمود که انشاله به یاری متخصصان پیرو در آینده به صورت تخصصی در وب سایت پیرو آموزش داده می شود .

مدل ها(Models) در کد ایگنایتر

پیروز جنابی — Mon, 17 Oct 2016 19:29:34 +0000

مدل ها(Models) در کد ایگنایتر

مدل ها(Models) در کد ایگنایتر به منظور ارتباط با بانک اطلاعاتی به کار می رود ، شما تصور کنید وب سایتی فروشگاهی داریدکه نیازدارید محصولات را از بانک اطلاعاتی بگیرد و نشان دهد ، این کدها در قسمت مدل نوشته می شود.

به مثال زیر توجه کنید:

class Shop_model extends CI_Model {


        public $title;

        public $content;

        public $date;


        public function __construct()

        {

                // Call the CI_Model constructor

                parent::__construct();

        }

        public function get_last_ten_entries()

        {

                $query = $this->db->get('entries', 10);

                return $query->result();

        }


        public function insert_entry()

        {

                $this->title    = $_POST['title']; // please read the below note

                $this->content  = $_POST['content'];

                $this->date     = time();

                $this->db->insert('entries', $this);

        }

        public function update_entry()

        {

                $this->title    = $_POST['title'];

                $this->content  = $_POST['content'];

                $this->date     = time();

                $this->db->update('entries', $this, array('id' => $_POST['id']));

        }

}

توجه : این مثال با استفاده از query builder ساخته شده است.

شرح مثال مدل ها(Models) در کد ایگنایتر :

ابتدا کلاس مدل را همانند کنترلر را می سازیم با این تفاوت که وارث CI_MODEL می باشد و باید در سازنده آن سازنده والد آن را صدا می زنیم.

   public function __construct()

        {

                // Call the CI_Model constructor

                parent::__construct();

        }

و در گام بعد توابع مورد نیاز جهت اعمال مورد نظر را می سازیم.

همچنین توجه داشته باشید فایل شما باید در جای خود ساخته شود به طور مثال فایل بالا در آدرس ریر ساخته می شود.

application/models/Shop_model.php

صدا زدن مدل

جهت صدا زدن مدل ابتدا شما باید کلاس آن را صدا بزنید :

$this->load->model('model_name');

و در گام بعدی با استفاده از اسم کلاس مدل تابع مربوطه را صدا بزنید:

$this->model_name->method();

توجه نمایید می توانید در کنترلر خود چندین مدل را صدا بزنید.

در صورتی که شما بخواهید مدلی را صدا بزنید و نامی منحصز به آن بدهید و در صدا زدن از آن نام استفاده کنید روند زیر را انجام می دهید:

$this->load->model('model_name', 'foobar');


$this->foobar->method();

و در کل می توانید با توجه به مثال زیر کنترلر ها و مدلها را ترکیب و به ویو جهت نمایش ارسال کنید.

class Blog_controller extends CI_Controller {

        public function blog()

        {

                $this->load->model('blog');


                $data['query'] = $this->blog->get_last_ten_entries();

                $this->load->view('blog', $data);

        }

}

مدلهای خود بارگزار در مدل ها(Models) در کد ایگنایتر

شما می توانید مدلی را به دلخواه انتخاب نمایید تا در تمامی فایله بارگزاری شود برای این منظور در فایل application/config/autoload.php آرایه model_autoload() را مقدار دهی می کنیم.